Foros del Web » Creando para Internet » CSS »

Valido en todas las resoluciones

Estas en el tema de Valido en todas las resoluciones en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/07/2009, 03:07
 
Fecha de Ingreso: marzo-2006
Mensajes: 147
Antigüedad: 11 años, 8 meses
Puntos: 0
Valido en todas las resoluciones

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 :)
  #2 (permalink)  
Antiguo 04/07/2009, 04:32
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Valido en todas las resoluciones

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
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 04/07/2009, 13:20
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Valido en todas las resoluciones

Cita:
Iniciado por jpeeri Ver Mensaje
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?
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 04/07/2009, 13:46
 
Fecha de Ingreso: marzo-2006
Mensajes: 147
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Valido en todas las resoluciones

Cita:
Iniciado por Mikmoro Ver Mensaje
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 =)
  #5 (permalink)  
Antiguo 04/07/2009, 14:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Valido en todas las resoluciones

Cita:
Iniciado por jpeeri Ver Mensaje
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í.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:35.