hola, tengo un pequeño gran problema q' no he podido solucionar, tengo principalmente 2 <div> flotantes uno al lado izquierdo y otro al derecho, el problema es que el del lado izquierdo puede variar su tamaño en forma indefinida y el <div> del lado derecho nada haria variar su tamaño por lo que 100pre quedaria del mismo tamaño.
Ojala pudieran ayudarme, aqui les dejo un codigo de lo que me sucede:
Código:
<html>
<head>
<style>
#padre{width:300px; position: relative; margin:auto;}
#otrohijo{height:100%; background-color:#FF33FF; position: relative; float:left; margin-right:20px;}
#hijo {height:100%; background-color:#FF0000; position: relative; float:left}
</style>
</head>
<body>
<div id="padre">
<div id="otrohijo">
<p>hola</p>
<p>hola2</p>
<p>hola3</p>
<p>hola4</p>
</div>
<div id="hijo">hijo</div>
</div>
</body>
</html>
ahí esta básicamente lo que me sucede, la idea es que el <div> "padre" no tenga definido el height, ya que su altura puede variar, el <div> padre lo puse pensando que de alguna forma este me podría ayudar a que el <div> del lado derecho creciera al heredar su altura.
aquí esta el codigo que mostre arriba...
http://200.104.40.16/buendetalle/BORRAR.html
y aquí es donde estoy intentando que resulte lo que les cuento...
http://200.104.40.16/buendetalle/buen-detalle.php
ojala entiendan lo que intento hacer y logren darme una ayudadita,
Salu2
