Hola,
Trabajar con em, no es un asunto trivial, existen muchas cosas que
debemos tener en cuenta.
Primero em es una medida relativa, hasta hay bien, pero relativa
a que...
Si tenemos:
<p>
hola esto es una <strong>prueba</strong>
</p>
y como css:
p{font-size:0.8em}
strong{font-size:0.9em}
Aunque nos parezca imposible la letra contenida en la etiqueta strong
será un 90% mas pequeña que la contenida en el p sin más.
por que, por que la medida es RELATIVA al font-size que la capa
que la contiene. La tabla de equivalencias solo tiene sentido en
el body, en niveles inferiores tendremos problemas.
Además tendremos que tener en cuenta el efecto redondeo:
0.625em es valor no comprendido por muchos navegadores que como el
internet explorer redondea hasta las decimas. Esto adquiere
importancia cuando tenemos capas dentro de otras y el navegador
operará para sacar el resultado final, también aproximándolo hasta
las décimas.
Y esto para empezar, si queremos usar el em para anchos, altos y
demas medidas en una capa, tendremos que tener en cuenta que ese
em será relativo al font-size de la capa a la que se le aplica ese
width o ese height. Por lo que, 3em aplicados al margen de un
strong o del p serán distintos. Un ejemplo ilustrativo de anchos y
altos: www.ubicuit.net
Esto es solo, a groso modo, los problemas principales que nos
podemos encontrar al empezar. No se si me he explicado
suficientemente, pero no quería hacerlo demasiado ladrillo ;)
Y por cierto, aunque al principio sea un poco extraño, le acabaras
pillando el tranquilo. El uso de em es mas que recomendable,
merece la pena el esfuerzo.
Saludos.
_________________________________
Todo lo que no aprendí,
no se me ha olvidado.
_________________________________
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
