Problema con sitio liquido

[gnzlo]

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!.

[Mikmoro]

Pon cómo tienes puesto el contenedor principal.

Mikel.

[gnzlo]

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...

[Mikmoro]

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.

[gnzlo]

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.

[Mikmoro]

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.

[gnzlo]

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...

[Mikmoro]

Iniciado por gnzlo

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.

[gnzlo]

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.