Foros del Web » Creando para Internet » Diseño web »

Una más de resoluciones y diseño

Estas en el tema de Una más de resoluciones y diseño en el foro de Diseño web en Foros del Web. hola a todos, he creado una web y en resoluciones de normales (1024 o 1280) se ven perfectas, pero ayer estuve visionandola en una pantalla ...
  #1 (permalink)  
Antiguo 12/11/2008, 02:47
 
Fecha de Ingreso: febrero-2008
Mensajes: 178
Antigüedad: 9 años, 9 meses
Puntos: 1
Una más de resoluciones y diseño

hola a todos, he creado una web y en resoluciones de normales (1024 o 1280) se ven perfectas, pero ayer estuve visionandola en una pantalla bestial (panorámica 22" o +) y vi que se deformaba y quedaba fatal.

he estado leyendo algunos mensajes en este foro pero ningun ejemplo se ajusta a mi problema tan genérico.

quisiera saber como se puede ver bien mi web en tamaños mayores al "stadart", como en panoramicos.

salu2.
  #2 (permalink)  
Antiguo 12/11/2008, 03:12
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Una más de resoluciones y diseño

Puedes poner que tu página se agrande hasta tantos pixeles como máximo...
con esto:
max-width:1000px (lo que quieras...)

Supongo que te pasa porque el diseño es líquido...

Lo que podrías hacer es ponernos el código o la url para poder ayudarte mejor...

Aresillo!!
  #3 (permalink)  
Antiguo 12/11/2008, 04:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Una más de resoluciones y diseño

Hola Ib3xn0:
Cuando se maqueta con %, o diseños líquidos, hay que tener en cuenta los 2 extremos, tanto pantallas excesivamente grandes y el contrario, ventanas muy pequeñas.

Para ello, como te comenta Aresillo, se utiliza tanto el "max" como el "min" width. Pero esa forma acortada no es reconocida por ie,así que hay que completarla con:
Cita:
div {
max-width: 800px;
width: expression(document.body.clientWidth > 801? "800px": "auto");
}
min-width equivalente para Internet Explorer:
div {
min-width:800px;
width: expression(document.body.clientWidth < 801? "800px": "auto" );
}
Por cierto, normalmente en los diseños"líquidos" lo que se hace es aplicar el % a un contenedor de toda la página y si es un layout de 2 columnas, por ejemplo, al sidebar se le da una anchura en px y se coloca en su posición mediante el float, y al div principal no se le asigna ni anchura ni posición, con lo que se coloca en su sitio y ocupa todo el espacio que quede libre en el contenedor. Aunque supongo que esto ya te es conocido.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 11:59.