Coincido totalmente en que para las fuentes no se debe usar px, sino medidas relativas. Otro caso son las cajas.
Una lectutra que a mi me fue muy bien en su momento: http://thenoodleincident.com/tutorials/box_lesson/font/ Saludos On Wed, 3 Nov 2004 12:09:50 +0100, Alejandro Cuesta <[EMAIL PROTECTED]> wrote: > 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 > _______________________________________________ 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
