Foros del web, para los que viven de bits

KarlanKas · 23-nov-2005, 03:13

Estoy desarrollando una página que me gustaría que se viera bien en cualquier resolución (a que soy original?) y dado que es una web con poco texto y además diseminado por la página pues no puedo hacer una página con texto líquido y además el cliente quiere que la página ocupe toda la pantalla.

Es por eso que me he decidido a usar porcentajes en los estilos de la página. Y la verdad es que está yendo de maravilla en todo salvo en las fuentes. El tamaño de las fuentes, si se pone en porcentaje no se toma del tamaño de la ventana sino del tamaño de la fuente normal (como ya sabemos todos) y por ello no me sirve.

Necesito que cambie de tamaño según el tamaño de la ventana. He hecho un pequeño script que redimensiona según la resolución de la pantalla, pero eso sólo sirve si el personaje visitante de la web abre la misma a pantalla completa.

No se me ocurre ninguna solución mejor, pero eso no quiere decir que no la haya, verdad?

¿A alguien se le ocurre?

baccxus · 23-nov-2005, 05:18

Usa medidas em, tanto para las fuentes como para las divisiones.

Edito: Pensandolo mejor, em no te servirá, pues solo serviría si el usuario amplia el tamaño de la letra en pantalla. Seguiremos pensando

Saludos

KarlanKas · 23-nov-2005, 08:37

Venía dispuesto a contestarte lo que habías editado. De todas formas muchas gracias por el interés, baccxus!

JavierB · 23-nov-2005, 08:54

Hola KarlanKas

Yo también he tecleado un poco de código, a ver si te sirve, aunque sea de inspiración:

Código PHP:


			
<html>
<head>
<style type="text/css">
body {font-size:1em}
</style>
<script type="text/javascript">
function pepe() {
  ancho=document.body.offsetWidth;
  document.body.style.fontSize=ancho/400+'em';
}
</script>
</head>
<body onresize="pepe()">
<p>En un lugar de la Mancha de cuyo nombre no quiero acordarme</p>
</body>
</html>

Saludos,

KarlanKas · 23-nov-2005, 09:20

Ves? Ya sabía yo que había una propiedad que era el ancho de la ventana. Pero no me salía y cuando la buscaba la buscaba con respecto a la ventana y no respecto al documento. Creo incluso (ahora que lo leo) que tunait ya me respondió al respecto hace un par de años con el mismo tema...

Muchas gracias, Javier! Sobre todo por la function pepe... me ha llegado al alma!!

(perdona que me emocione!)

JavierB · 23-nov-2005, 09:24

Siempre es un placer echar una mano (aunque solo tenga cinco dedos) a un ser de un planeta amigo

23-nov-2005, 03:13	#1 (permalink)
KarlanKas Moderador extraterrestre Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 6.948	Fuente proporcional al tamaño de la ventana Estoy desarrollando una página que me gustaría que se viera bien en cualquier resolución (a que soy original?) y dado que es una web con poco texto y además diseminado por la página pues no puedo hacer una página con texto líquido y además el cliente quiere que la página ocupe toda la pantalla. Es por eso que me he decidido a usar porcentajes en los estilos de la página. Y la verdad es que está yendo de maravilla en todo salvo en las fuentes. El tamaño de las fuentes, si se pone en porcentaje no se toma del tamaño de la ventana sino del tamaño de la fuente normal (como ya sabemos todos) y por ello no me sirve. Necesito que cambie de tamaño según el tamaño de la ventana. He hecho un pequeño script que redimensiona según la resolución de la pantalla, pero eso sólo sirve si el personaje visitante de la web abre la misma a pantalla completa. No se me ocurre ninguna solución mejor, pero eso no quiere decir que no la haya, verdad? ¿A alguien se le ocurre? __________________ Cómo escribir\|Cómo preguntar \| ¿Te ayudé?

23-nov-2005, 05:18	#2 (permalink)
baccxus Fecha de Ingreso: mayo-2005 Ubicación: Panamá Mensajes: 750	Usa medidas em, tanto para las fuentes como para las divisiones. Edito: Pensandolo mejor, em no te servirá, pues solo serviría si el usuario amplia el tamaño de la letra en pantalla. Seguiremos pensando Saludos __________________ + que electrónica Última edición por baccxus; 23-nov-2005 a las 05:59.

23-nov-2005, 08:37	#3 (permalink)
KarlanKas Moderador extraterrestre Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 6.948	Venía dispuesto a contestarte lo que habías editado. De todas formas muchas gracias por el interés, baccxus! __________________ Cómo escribir\|Cómo preguntar \| ¿Te ayudé?

23-nov-2005, 08:54	#4 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.891	Hola KarlanKas Yo también he tecleado un poco de código, a ver si te sirve, aunque sea de inspiración: Código PHP: `<html> <head> <style type="text/css"> body {font-size:1em} </style> <script type="text/javascript"> function pepe() { ancho=document.body.offsetWidth; document.body.style.fontSize=ancho/400+'em'; } </script> </head> <body onresize="pepe()"> <p>En un lugar de la Mancha de cuyo nombre no quiero acordarme</p> </body> </html>` Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

23-nov-2005, 09:20	#5 (permalink)
KarlanKas Moderador extraterrestre Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 6.948	Ves? Ya sabía yo que había una propiedad que era el ancho de la ventana. Pero no me salía y cuando la buscaba la buscaba con respecto a la ventana y no respecto al documento. Creo incluso (ahora que lo leo) que tunait ya me respondió al respecto hace un par de años con el mismo tema... Muchas gracias, Javier! Sobre todo por la function pepe... me ha llegado al alma!! (perdona que me emocione!) __________________ Cómo escribir\|Cómo preguntar \| ¿Te ayudé?

23-nov-2005, 09:24	#6 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.891	Siempre es un placer echar una mano (aunque solo tenga cinco dedos) a un ser de un planeta amigo __________________ Lee las Políticas de los foros y escribe correctamente.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado