Foros del Web » Creando para Internet » CSS »

width en pixels diferente en firefox y explorer

Estas en el tema de width en pixels diferente en firefox y explorer en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/04/2008, 08:22
lfc
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 9 años, 10 meses
Puntos: 0
width en pixels diferente en firefox y explorer

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!!!
  #2 (permalink)  
Antiguo 07/04/2008, 22:50
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: width en pixels diferente en firefox y explorer

utilizar medidas en em
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 08/04/2008, 01:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: width en pixels diferente en firefox y explorer

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.
  #4 (permalink)  
Antiguo 08/04/2008, 08:56
lfc
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 9 años, 10 meses
Puntos: 0
Sonrisa Re: width en pixels diferente en firefox y explorer

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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:05.