Medidas relativas en em's
4 seguidores
Tengo una web de 795px de ancho, en el body le especifico <code>font-size: x-small; /* 1EM=10px */</code>
Con lo que se "supone" que 1 em son 10px, pero en explorer 6 y 7 no es así.
Por ejemplo si pongo el ancho de mi contenedor principal en em's es decir 79.5 em's en FF y Opera se cumple, pero en Explorer no, sin embargo si pongo 795px se cumple en todos.
¿Por qué sucede esto?
Gracias de antemano
Gorus
Se hablo mucho de esto aqui.
demssite
Gracias Gorus, pero creo que no tiene nada que ver con eso
hartum
demssite
Gracias Gorus, pero creo que no tiene nada que ver con eso
joe que no, calro qeu tiene que ver, prueba a cambiar la medida de la fuente por % tal y como se explica aqui:
Ahora sabéis de por qué leches se ve mucho esto: body { font-size: 62.5% }... porque el 62.5% de 16px = 10px. Y esto es muy útil, porque si yo tengo un tamaño base de 10px -> 1EM=10px y 0.1EM=1px... con lo que es muy fácil hacer cálculos para tamaños, bordes, paddings, etc....
y ojo que el tamaño de las fuentes es hereditario ;-)
demssite
Sí si, que lo tengo en cuenta, pero es que entre el body y ese contenedor no hay nada con lo que 750 px deberían ser igual a 75em y es así, menos para explorer 6 e inferiores...
zigotica
¿puedes poner un ejemplo online?
demssite
Gracias chicos, ya está solucionado es que tenía dentro de ese div algo que lo empujaba y por eso era más ancho.
Un saludo y gracias