Problema padding che si espande all'esterno.

[trust]

Salve,

Ho un problema con il padding, in pratica ho creato la seguente classe css:

.uno{width:800px; height:50px; background-color:#FF0000; padding:5px }

Il padding serve a creare una spaziatura interna al area "uno", invece ho notato
che crea la spazziatura all'interno ma si espande all'esterno, cioè se le misure predifinite erano
800 x 50 con il padding di "5px" diventa (800 + 5[left] + 5[right]) x (50 + 5[up] + 5[down]).

NB: uso come standatd xhtml 1.1

Come mai?
Come posso risolvere questo problema? :master:

Grazie Mille

[Mr.Bloom]

che browser utilizzi ?

[trust]

firefox 2, explorer 7, opera...etc :master:

[Mich_]

E` il comportamento corretto dei browser.
E` un comportamento che non si verifica in IE quirks mode, ma che dovrebbe essere rispettato in IE6 e IE7 in XHTML 1.0 strict.

Per approfondimenti vedi qualsiasi manuale o tutorial CSS alla voce "box model".

[trust]

Ho cercato la voce da te indicata "box model CSS":

Ho trovato il seguente blog:
http://blog.html.it/archivi/2005/09/...workaround.php

E il seguente articolo:
http://pro.html.it/articoli/id_413/i...pag_1/pag.html

Entrambi spiegano con estrema chiarezza i fattori di questo problema e le soluzioni su come risolverlo...


Grazie Mille