Como lograr que dos div con informacion tengan la misma altura

[salvador86]

Hola junto como dice el titulo como lograr que dos o mas div con informacion maqueteados en css tengan la misma altura. Por ejemplo tengo 3 columnas, en la primera según su informacion su altura es 100px, la siguiente 50px y la tercera 300px, pero yo deseo que las tres columnas tengan la misma altura (que tomen la altura del mas alto), es decir cual fuese la posición de la columna mas alta todos temen ese valor.

Tal vez digan por que necesito eso, pues es por diseño en este enlace http://www.peru4x4.com/home.htm veran una pagina con 3 columnas y las dos ultimas tienen el mismo tamaño (claro facil con tablas) pero con css se adapta según el contenido.

Espero me haya dejado entender sino, les pido que me lo hagan saber, gracias de ante mano

[Aresillo]

Lo que necesitas es esto:
http://www.araudi.net/multicolumna/multicolumna1.html

Aresillo!!

[salvador86]

Ok voy a chequear este link por se acaso pongo como se ve con mi código

[salvador86]

Hola me parece correcto, pero como se coloca en el css un minimo digamos de 1000px y la información mide 500px siempre se muestra el minimo, aqui lo aplique http://www.peru4x4.com/NPeru4x4/home.htm y claro en otra pagina lo puedo usar la misma clase sino otra con otro minimo en el css. alguna sugerencia o modificación de código

[Mikmoro]

Creo que posilemente el enlace que quería poner Aresillo era este:

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

[helthon]

Iniciado por Aresillo

Lo que necesitas es esto:
http://www.araudi.net/multicolumna/multicolumna1.html

Aresillo!!

Te refieres a esto:

#cont_lat_izq { width: 100px;
float: left;
position: relative;
height: auto;
min-height: 500px;
margin-left: -100px;
}
#cont_lat_der { width: 100px;
float: right;
position: relative;
min-height: 500px;
height: auto;
margin-right: -100px;
}

<div id="cont_lat_der">La barra lateral derecha</div>
<div id="cont_lat_izq">La barra lateral izquierda</div>

Pero no se agranda

Ahora navegando encontre esto http://foros.cristalab.com/height-au...e-auto-t24776/

informan que si se puede arreglar pero hasta ahora en mi plantilla de prueba no se puede.

[Mikmoro]

¿Has leído mi mensaje?

[ToLeR]

He estado siguiendo el tema y estoy en la misma situación que Salvador 86, la idea es exactamente la que comentas Mikmoro. Como consigues que las dos capas tenga el mismo tamaño a razon del contenido y no por asignarle el mismo "eight"???????????

Gracias a todos.

[kseso?]

Fíjate en las cuatro cajas que utiliza, su posición, los colores del fondo (qué caja usa qué color), los margin y también el orden de aparición en el html.

Verás que ni ".columna_derecha" ni ".columna_izquierda" tienen color de fondo. Y en ellas está colocado el texto.
Las que tienen fondo y hacen que aparentemente crezcan las dos anteriores a la par son:
"#caja_izq" que contiene a "#caja_der" ( y ésta última a las dos anteriores).

Si cualquiera de las dos ".columna_*" crece, hará crecer a su contenedora (caja_der) y su color de fondo y esta a su vez a "caja_izq" y su fondo y ¡eureka!

No sé si me habré sabido explicar

[talmente]

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

Una solución perfecta y bien explicada (en ingles).

[Mikmoro]

La explicaciópn bien detallada de cómo hacerlo está en este mensaje, mejor aun, en el zip que enlaza, que contiene un doc con la explicación:
http://www.forosdelweb.com/f53/faqs-...ml#post2593702

[salvador86]

Gracias Mikmoro, estuve aplicandondo tu ejemplo y no tiene problema, bajare la explicación. Gracias