alinear divs horizontalmente sin js solo CSS

[andresvillegass]

hola tengo un diseño de divs de tres columnas:


<div id="contenedor" style="width:983px;margin:0px auto;">

<div id="columna_izq" style="width:743px">texto texto texto</div>

<div id="columna_centro" style="background-image:lineapunteada.png; width:24px"></div>

<div id="columna_der" style="width:216px;background-image:fondo_rayado.png ">banners</div>


</div>


como pueden ver es muy sencillo la divicion en el div1 tengo contenido, en el engundo una imagen punteada separadora y el tercero tengo banners con u fondo rayado de fondo.

si se estira el primero los otros dos no se estiran como soluciono esto sin usar js ni ajax solo con CSS

gracias por su ayuda.

[maycolalvarez]

no se necesita js para esto, y ajax menos, simplemente debes de aplicar los CSS float y clear correspondientes, y te recomiendo que investigues un tutorial de CSS que puedes conseguir fácilmente, suerte.

[cristian_cena]

No entiendo exactamente a que te refieres con "si se estira el primero los otros dos no se estiran"

Supongo que deseas crear columnas de igual alto o “equilibradas".

Te comparto estos links, con los que he aprendido a hacerlo (sin js)

http://www.araudi.net/ejemplos/colum...ilibradas.html

http://www.css.devillasbuenas.es/2columnas.html

http://matthewjamestaylor.com/blog/e...r-css-no-hacks

http://www.vectoralia.com/manual/htm...scolumnas.html (este es el mas sencillo y el que uso yo)

Espero te sirva, cualquier cosa pregunta. Saludos

[Portgaz]

Lo que pasa que en el primer div tienes texto, y como los otros dos divs, tienes imagenes, definidas y estaticas, es decir, estas no se pueden estirar, es por eso que cuando estiras el contenedor, se estira el primer div, que es el que contiene el texto.

Pero no veo caso extirarlo, deberias especificar que quereis lograr.

Saludos