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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo