Centrar div, pero dejar dos columnas a los costados

[sebas033]

Hola amig@s. Hoy se me ocurrió hacer un diseño que nunca habí ahecho antes, pero que es muy común hoy en internet.

Se trata de un diseño que debe tener el típico div central, centrado horizontalmente (lo cual es sencillo de hacer para mi). Este div tiene 960px de ancho para ajustarse bien a los que todavia usan 1024x768.

Vean una preview del layout del sitio que quiero hacer:




El tema es que quiero que en monitores más anchos no se vea que el diseño se "corta" hacia los costados. Es decir, pensaba hacer una columna central donde meta todos los divs de la página en sí, y que a los dos costados de este div haya otras dos columnas que se ajusten solas al ancho de la pantalla del cliente. ¿Me entienden? Es como si fuera un diseño líquido o algo así, pero como nunca antes lo he hecho me está haciendo doler la cabeza y no lo logro.

¿Cómo podría hacerlo?

[kseso?]

Los tres contenedores hijos de body
Caja central position relative y margin laterales en auto más el resto de declaraciones.
Las latetales en posición absoluta (left y right 0)
Convendría prevenir colapsos. Quizás con min-width en el body. O coloque los 3 en un contenedor con anchura 100% y min-width.

Disclaimer: no puedo ver su img en este momento.

[ZoroRoronoa]

Iniciado por kseso?

Los tres contenedores hijos de body
Caja central position relative y margin laterales en auto más el resto de declaraciones.
Las latetales en posición absoluta (left y right 0)
Convendría prevenir colapsos. Quizás con min-width en el body. O coloque los 3 en un contenedor con anchura 100% y min-width.

Disclaimer: no puedo ver su img en este momento.

Y para complementar, si mal no ando, el codigo HTML de los DIVs laterales, deben ir abajo del codigo del DIV Central.

BIEN:
<DIV CENTRAL>
<div lateral 1>
<div lateral 2>

MAL:
<div lateral 1>
<DIV CENTRAL>
<div lateral 2>

*Aunque usando la opcion mal, se puede arreglar usando z-index, pero para evitar esto, como te menciono, primero el central, despues los laterales (:

[kseso?]

Pruebe las dos variantes a ver si hay diferencias (en cómo se ven en pantalla).
Siempre que 1 sea "relative" y las otras "absolute"

[ZoroRoronoa]

Creo que teneis razon, las absolutas se superponian (al menos una) al div Central (al momento de minimizar un poco), pero hay que asignarle un min-width al contenedor (o body).
*La relative siempre estara en medio por los margenes laterales en auto.

Teneis razón. (:

[kseso?]

Exacto. Por eso mencionaba el min para evitar colapsos al reducir ventana.
Que con z-index o sin él se perdería igualmente info (de una caja u otra)

[sebas033]

Ok amigos. Muchas gracias, me demoré en la respuesta porque estaba sin inet todo el día. La imagens e cayo no se por que...

Ahora la subo de nuevo, de paso me tiran si el diseño está muy pedorro jaja!

[img=http://k23.kn3.net/4B71A0467.jpg]


http://k23.kn3.net/4B71A0467.jpg