Valido en todas las resoluciones

[jpeeri]

Hola:

Verán estoy maquetando esta web http://www.jaoozi.es/maria-senora/index.htm (Se aceptan criticas xd) y tengo un pequeño problema:

Solo se ve correctamente en resoluciones superiores a 1000 px (1280x1024, 1680x1024 etc). Mi pregunta es: ¿Cómo puedo hacer las alturas de un tamaño relativo a la pantalla?

Muchas gracias :)

[hades87]

Lo ideal es poner a la altura el valor auto, para que se adapte a tu contenido y centrar horizontalmene con margin: auto el div contenedor

[Mikmoro]

Iniciado por jpeeri

Solo se ve correctamente en resoluciones superiores a 1000 px (1280x1024, 1680x1024 etc).

Siempre estamos con el mismo asunto: ¿qué significa correctamente? ¿acaso es algo universal que no aprendí en la escuela?

[jpeeri]

Iniciado por Mikmoro

Siempre estamos con el mismo asunto: ¿qué significa correctamente? ¿acaso es algo universal que no aprendí en la escuela?

En cuanto a usabilidad se refiere, correctamente sería que no se tuviese que usar dos scrolls, el del navegador principal y el de la capa, que se usase solamente la capa con overflow: auto;, aunque tienes razón, debería haber usado algo menos genérico, lo siento. Espero haberlo explicado ahora mejor.

hades87, eso lo intenté, pero entonces el overflow:scroll desaparece. De todas formas gracias por sugerirlo

Saludos =)

[Mikmoro]

Iniciado por jpeeri

En cuanto a usabilidad se refiere, correctamente sería que no se tuviese que usar dos scrolls, el del navegador principal y el de la capa

Bueno, esto es algo completamente subjetivo, no es norma. Ahora sí, se entiende mejor.

El scroll de la página lo puedes quitar poniendo al selector body un overflow: hidden.
Y no puedes poner un height del 100% a la caja del texto porque al tener ya varios elementos hermanos en el flujo del documento, si mide tanto com su padre inevitablemente desaparecerá por abajo. Deberás usar algo como height: 60% o así.