width en pixels diferente en firefox y explorer

[lfc]

Hola,

Tengo un problemilla de diferencias entre exploradores...

Tengo un div al que le pongo un ancho de 100px usando CSS y un tamaño de fiente de 12px. El problema es que en firefox parece que la fuente sea más pequeña y el div más ancho que en explorer (el div más pequeño y la fiente más grande)...

Alguien sabe como se puede solucionar esto? Me gustaría que apareciera igual en los dos exploradores.

Muchas gracias!!!

[emiliodeg]

utilizar medidas en em

[Mikmoro]

El problema es el modelo de caja.

Mientras que para todos los navegadores una caja mide el tamaño que le dés más los bordes y el espaciado (padding) , por ejemplo:

tamaño caja 100px + borde 5px + padding 10px = 130px (conjunto total)

para explorer lo que mide el tamaño que le dés es el conjunto total, de manera que:

100px (conjunto total) - borde 5px - padding 10px = 70px (tamaño caja)

Esto es muy importante a tener en cuenta para todo lo que construyas.

¿Cómo se soluciona? dando medidas diferentes a uno y otro a través de !important, que IE no entiende y hace que un atributo prevalezca sobre otro:

#caja {
border: 5px;
padding: 10px;
width: 100px!important;
width: 130px;
}

Para que esto sea exacto hay que estudiar cada caso concreto, pero la cosa va por aquí.

Mikel.

[lfc]

Lo de utilitzar los em como unidades no me ha servido mucho... en algunos casos coincidia en firefox y explorer, pero en otros no. Pero lo de !important si que funciona!

Muchas gracias a los dos de todos modos!