Gracias Victoria, habíamos discutido mucho sobre este tema en esta misma lista, hay algunos resúmenes por ahí (disculpen por no poner el link) pero esta explicación está muy completa. Reynier: No comprendo a qué te refieres cuando dices em de tipografía y em de capas, en principio no hay em sin fuente y las capas DIVs aunque no tengan una fuente definida en el CSS la heredan del elemento superior o padre y si ninguno lo tiene definido entonces se toma el de los settings del navegador, así de sencillo. Esto lo he escrito muchas veces ya, esta idea está un poco basada en unos apuntes de Jeffrey Zeldman en uno de sus libros y la hemos ido redondeando con el uso. Un diseño usando sólo unidades relativas, todas la medidas en em por ejemplo, estarás poniendo tu Web en función de las preferencias del usuario así que si éste modificó los settings del navegador para sentirse más cómodo entonces también se sentirá cómodo con tu diseño. ss PB El 19/02/2008, a las 03:18 AM, Victoria Gracia escribió:
> Hola Reynier, > > me desconcierta un poco tu pregunta, porque los píxels son unidades > absolutas y los em relativas (a la medida de la letra m en un cuerpo > dado), por lo que sólo puedes medir en 'em' refiriéndote primero a la > tipografía utilizada, por tanto, a medida de texto. > > Me explico, 1em por sí solo no tiene sentido. Si aplicamos la medida a > un diseño donde la referencia sea un cuerpo de 16px (indicado por las > preferencias de tu navegador), entonces (como ya te dice la > calculadora > que nos indicas en el enlace) la medida cobra sentido y puedes > decir que > 0.75em=12px. Es una simple regla de tres: > > 16px - 1em > 12px - xem > > Si cambias la referencia y pones como tamaño de referencia 12px (en tu > navegador o en los selectores *, html para establecerlos como > defecto), > entonces tendrías: > > 12px - 1em > > Como ves no hay una conversión absoluta. No puedes garantizar que > 12px=1em siempre y en todos los casos, sino que 12px=1em cuando la > referencia que tomamos es un cuerpo de letra de 12px. > > En tipografía además verías que 1em es variable según el tipo de letra > que utilices. No ocupa el mismo espacio la letra m en un estilo como > Arial Narrow que en un estilo como Arial Heavy, en el primer caso 1em > será más pequeño medido en píxeles que en el segundo. > > Puedes hacer la comprobación fácilmente en la calculadora que nos > suministras. > > Si defines un estilo con tamaño 10px, su hijo con tamaño 10px, el > descendiente de éste con tamaño 8px y un nuevo hijo con tamaño 10px > tienes: > > p - 10px - 0.63em > node2 - 10px - 1.00em > node3 - 8px - 0.80em > node4 - 10px - 1.25em > > Eso es así porque el primer estilo (p) se refiere a la medida > establecida por las preferencias del navegador + el estilo aplicado > a la > página (por lo tanto a ti y a mi puede darnos valores distintos). El > segundo estilo se refiere al tamaño relativo en relación al padre > (p), y > en este caso es el mismo, así que nos da 1 (cuando el padre era > 0.63em). > El tercer estilo (node3) se refiere al primer hijo, y el cuarto > (node4) > al tercero, siendo ahora 10px=1.25em. En sólo 4 estilos hemos visto 3 > conversiones distintas entre em y px. > > Espero que esta pequeña explicación pueda ayudarte a encontrar las > medidas que quieres aplicar a tus capas. > > Un saludo > > Victoria > > El lun, 18-02-2008 a las 19:02 -0500, Reynier Perez Mira escribió: >> Sabe alguien donde encontrar un conversor de unidades? Necesito >> convertir algunas unidades de PX a EM pero no para fuentes [1] >> sino para Capas (DIV) >> >> [1] http://riddle.pl/emcalc/ >> >> Ing Reynier Pérez Mira >> Grupo Soporte al Desarrollo - Dirección Técnica IP >> >> _______________________________________________ >> 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://lists.ovillo.org/mailman/listinfo/ovillo > > _______________________________________________ > 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://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo
