Foros del Web » Creando para Internet » CSS »

Problema con sitio liquido

Estas en el tema de Problema con sitio liquido en el foro de CSS en Foros del Web. Hola que tal, tengo el siguiente problema, mi cliente me ha pedido que cree un sitio completamente liquido, cuando lo hice, noto que la pagina, ...
  #1 (permalink)  
Antiguo 23/06/2008, 03:47
 
Fecha de Ingreso: febrero-2008
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 9 años, 9 meses
Puntos: 0
Problema con sitio liquido

Hola que tal, tengo el siguiente problema, mi cliente me ha pedido que cree un sitio completamente liquido, cuando lo hice, noto que la pagina, segun la resolucion de monitor "flota" sobre el fondo, osea, no permanece centrada, puede desplazarce a la der. o izq. segun la resolucion de monitor. Como puedo hacer para centrar esta web (hecha en divs) de modo que, aun siendo liquida, quede siempre centrada? gracias de ante mano!.
  #2 (permalink)  
Antiguo 23/06/2008, 04:49
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: Problema con sitio liquido

Pon cómo tienes puesto el contenedor principal.

Mikel.
  #3 (permalink)  
Antiguo 23/06/2008, 05:06
 
Fecha de Ingreso: febrero-2008
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Problema con sitio liquido

bueno, te epxlico, el cliente me pidio explicitamente que le diseñara el sitio en div absolutas, por q "queria q fuece 100% liquido" ahora, cuando lo abre en otra resolucion, este no se adapta y, a veces el sitio flota a la izq. como podria centrar ese contenido? gracias por tu respuesta mikel...
  #4 (permalink)  
Antiguo 23/06/2008, 05:54
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: Problema con sitio liquido

Pues tu cliente tiene una buena confusión, porque absolutas y diseño líquido son casi antagonistas.

No se adapta porque tendrá tamaño fijo, y flota y se mueve porque al tener posición absoluta tendrá marcado el desplazamiento desde la izquierda. Pero claro, hablo de oido, porque no he visto como lo tienes.

Si quieres hacer eso que dices ponlo así:

#contenedor {position: relative;
width: 95%;
margin: 0 auto;
}

Esto es un simple ejemplo que se adapta al acho de pantalla, está siempre centrado y ocupa el 95% de la visión, sea esta como sea.

Mikel.
  #5 (permalink)  
Antiguo 23/06/2008, 07:10
 
Fecha de Ingreso: febrero-2008
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Problema con sitio liquido

A ver, aqui te dejo la web, http://www.amor-videncia.com/ esta hecha con divs absolutas, funcionan bien pero en otras resoluciones se daña, no existe un codigo javascript para pegarlo en el index.html y lo redimensione? gracias por la ayuda de antemano Mikmoro.
  #6 (permalink)  
Antiguo 23/06/2008, 07:56
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: Problema con sitio liquido

Te ayudaré en lo que pueda, pero antes de continuar vamos a aclarar una cosa: ¿qué es lo que tú consideras como "diseño líquido"? porque no se puede conseguir un diseño líquido con un banner en la cabecera con un tamaño de ancho fijo (width:581px;). Esto no es posible que se adapte al ancho de pantalla. Podría estar dentro de otro contenedor que sí se adapte y rellene, etcétera, pero el gráfico no cambiará de tamaño. Dime si puedes qué es lo que tú consideras líquido y lo que quieres conseguir exactamente.

Mikel.
  #7 (permalink)  
Antiguo 25/06/2008, 03:33
 
Fecha de Ingreso: febrero-2008
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Problema con sitio liquido

bueno, para mi un sitio liquido es aquel que indiferentemente de la resolucion de cualquier monitor este tiene un diseño q se adapta lo cual lo hace altamente accsesible, lo del banner top es sierto lo que dices, sin embargo podria estar en un contenedor que se redimensione y adapte a los nuevos tamaños sin deformarse, la cuestion de los sitios liquidos es por la accesibilidad, gracias por tu ayuda mikel...
  #8 (permalink)  
Antiguo 25/06/2008, 04:46
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: Problema con sitio liquido

Cita:
Iniciado por gnzlo Ver Mensaje
bueno, para mi un sitio liquido es aquel que indiferentemente de la resolucion de cualquier monitor este tiene un diseño q se adapta lo cual lo hace altamente accsesible, lo del banner top es sierto lo que dices, sin embargo podria estar en un contenedor que se redimensione y adapte a los nuevos tamaños sin deformarse, la cuestion de los sitios liquidos es por la accesibilidad, gracias por tu ayuda mikel...
Como te decía, un contenedor sí se puede adaptar a la resolución sin deformarse, pero tu imagen del banner no, es decir, si adaptas la imagen de tamaño se deformará de todas todas.

Entonces, debes replantearte el asunto: un diseño líquido con una imagen en la cabecera que ocupe el ancho completo de tu página no es una buena opción. Si piensas otra opción yo te ayudo a hacerlo adaptable.

Mikel.
  #9 (permalink)  
Antiguo 25/06/2008, 06:41
 
Fecha de Ingreso: febrero-2008
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Problema con sitio liquido

bueno, la verdad es q no tengo opcion con ese banner, debe ir colocado alli, en todo caso eso seria criterio del cliente si decidiera quitarlo, pero seria bueno de todas formas hacer q todo lo demas se adapte y el banner bueno, al ser una resolucion mayor, permanezca igual y si es menor pues, lo inevitable, pero ya estaria porlomenos la info del sitio al lacance de mas personas, que opinas?, gracias por tu ayuda.
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:21.