Div que iguale su altura a otro div.

dierrytacato · #1 (**permalink**) 01/02/2013, 09:16

Tengo la siguiente duda, necesito hacer un div "contenedor" que contiene dos divs dentro uno a la izquiera y otro a la derecha. necesito que el div de la derecha se haga tan alto como el div de la izquierda que varia su altura en funcion del contenido. O que se haga de la altura del div contenedor, el 100%.

os dejo el codigo aunque es algo muy sencillo. Pero no consigo que me funcione.

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<div id="contenedor" style="background-color:#999999; width:900px; height:auto;">

<div id="izquierda" style="float:left; background-color:#0033CC; height:180px; ">asdasdasdasd ajsdhaskjdhkjasd kljasdkljasdklajsd lkjaskldjaksjdklasd lkjkjasdkljasd <br /> alskdjaksdjsdklasdklajsdkljaksjd</div>

<div id="derecha"  style="float:right; background-color:#FF0000; height:100%">asdasdasd  </div>




<div class="ajustar" style="clear:both;">
    </div>


</div>




</body>
</html>

dierrytacato · #2 (**permalink**) 01/02/2013, 10:02

no se si me explique muy bien:

Osea que el div de la derecha este siempre al 100% de altura respecto del contenedor, y el contenedor es automatico y depende de la cantidad de datos que halla dentro, en el de la izquierda. Con lo cual si el de la izquierda crece, el contenedor crece y el de la derecha crece con el aunque siga teniendo la misma informacion.

C2am · #3 (**permalink**) 02/02/2013, 03:54

Busca "columnas equilibradas".
www.araudi.net

O http://jsfiddle.net/c2am/B38GR/ hice un ejemplo, pero para otro tema, usando display:table-cell

Existen varias maneras, busca, investiga, y adapta según necesites.
Saludos