Para conseguir una p�gina lo m�s ACCESIBLE posible, se recomienda usar unidades
relativas (em o %) para tama�os de letra.
Esto es debido a que IE no permite cambiar el tama�o de letra si usas unidades
absolutas (px, pt), y por tanto las personas que tengan alg�n problema visual (vista
cansada, por ejemplo), tendr�n m�s dificultades para leer tu p�gina.
En las partes donde no influya el cambio de tama�o de letra, se puede usar unidades
absolutas.
#menu
{
position: absolute;
top: 100px; /* siempre estar� a 100px del borde superior
independientemente del cambio de letra */
right: 0; /* siempre estar� a 0px del lateral derecho
independientemente del cambio de letra */
width: 15em; /* el ancho del menu crecer� a medida que crezca la letra,
para que la capa crezca con ellas */
font-size: 1em; /* las letras tendr�n el tama�o definido en el
navegador */
padding: 2pt; /* siempre habr� 2pt de padding independientemente del tama�o
de la letra */
margin: 2pt; /* siempre habr� 2pt de margin independientemente del tama�o
de la letra */
border: 1px solid #AAA;
}
Recuerda que "em" indica un tama�o tantas veces m�s grande que el tama�o de letra
definido en el navegador.
Alejandro Cuesta
Astureco-PFS Inform�tica y Comunicaciones, S.L. (PFS Grupo)
www.pfsgrupo.com
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joe Lynch
Enviado el: martes, 02 de noviembre de 2004 18:16
Para: [EMAIL PROTECTED]
Asunto: [Ovillo] Que usar como unidad de medida, px o em?
Qu� tal grupo?
Me gustar�a saber su opini�n con respecto a usar 'px'
o 'em' al definir una section en una p�gina. Tengo tres secciones definidas de manera
similar al ejemplo que sigue a continuaci�n:
#titulo {
position: absolute;
width: 50em; /* 800px; */
height: 6.5em; /* 110px; */
z-index: 1;
left: 0.5em; /* 10px; */
top: 0.5em; /* 10px; */
padding-top: 0em;
background-color: #0000ff;
}
Mi pregunta es Qu� es lo que se recomienda usar como medida, los pixels o los em (px,
em)?
Pregunto pues he tratado ambos y las secciones (aunque declaradas 'absolute') se
extienden mas all� del ancho
(width) definido CUANDO cambio el tama�o del texto.
He mirado yahoo.com por ejemplo y cuando hago las letras mas grandes (usando IE o
Firefox) la p�gina entera se mueve de su posici�n central hacia la izquierda y se
agranda proporcionalmente (texto y secciones (boxes)). Los m�rgenes se mantienen
derechos a ambos lados. Si hago lo mismo con mi p�gina, las secciones (ahora con las
letras mas
grandes) estiran hacia la derecha pero no de manera proporcional y algunas sobresalen
m�s que las otras arruinando el margen derecho.
Primero pens� que era el uso de 'em' pero al usar 'px'
pasa lo mismo.
Deberia tener mis secciones dentro de una secci�n grande que abarque todo el 'body' de
la p�gina?
He mirado lo que hace yahoo.com pero no veo nada que me indique el truco.
Gracias.
Jos�
Mi p�gina est� aqu� http://www.thennet.com/ Puse el fondo de color gris para poder ver
lo que pasa.
__________________________________
Do you Yahoo!?
Check out the new Yahoo! Front Page.
www.yahoo.com
_______________________________________________
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_ovillo.org