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
