CSS: Diferencias entre el IE y FF usando Padding

Buenas

Usando las CSS, he notado una diferencia de visualización entre IE y FF que no pude resolver.

Creo un <DIV CLASS='cuerpo_cajamarco'> (la definicion esta mas abajo) que crea una caja de 380 pixels de ancho, con un relleno lateral de 10 pixels. Al visualizarlo en IE, la caja está como corresponde, pero en FF la caja tiene de ancho 400pixels, le agrega los 10+10 pixles de Padding... Si le quito el Padding queda de 380px, pero entonces pierdo el relleno...

Alguien sabe algo de esto??

El código CSS es el siguiente:

Código :

.cuerpo_cajamarco {
   border: 1px solid #CCCCCC;
   width: 380px;
   
   padding: 8px 10px 5px 10px;
}

Josepzin, aquí tienes tu respuesta:
IE5.x interpreta la propiedad width como la suma del ancho del contenido mas el padding mas el borde de un bloque.

Solución:

Código :

   
.cuerpo_cajamarco {
   border: 1px solid #CCCCCC;

   width:  360px;  /*1-para opera*/
   \width: 380px; /*2-para ie-se agrega el padding y border*/
   w\idth: 360px; /*3- estandares*/

   padding: 8px 10px 5px 10px;
} 

Explicación completa y detallada: http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm

Juas, el hack de la caja.
Eso es lo mas horrible que puede haber.
Porque tenemos que usar hacks para que la web se vea bien?

Porque IE sucks.

Una duda...

QUe IE reconozca "\width" como "width" me parece normal.

Pero cómo hace "el resto" para interpretar "w\idth" como "width" ???

NPI. Son hacks que se crearon en el mismo nucleo del IE, y como Microsoft no penso en rehacerlo correctamente, pues le metio esos hacks. Y la W3C los aceptó en su "estándar", para ayudar a los pobres de nosotros, los desarrolladores web.

Esperemos que se solucione con la llegada del IE7. Y podamos empezar a usar más CSS2. Porque si con el CSS1 sufrimos mucho, el CSS2 será mas.

Y eso que ya se viene el CSS3


PD: Lo que me pareció raro, fue que también hay hacks para el Opera, y eso no lo creia al principio.

the_NEO_JP escribió:

aJAjaJAjaJAjajJAjaJAjaJAjaJAjaJAjajAjajAJjaajajAjajJAjajjaJJAJAJAJAjaJAjajJAJaj

Buenisimo; buenisimo, debo meterlo en la lista de inspiración para el comic ... DIOS!!!, es que no puedo soportar la risa ...

Baka !