Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/11/2009, 12:53
Avatar de EmpireFX
EmpireFX
 
Fecha de Ingreso: marzo-2008
Ubicación: in da house
Mensajes: 60
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: 2 columnas, problemas con height

woot, encontre la solucion aqui www ejeliot.com/blog/61, en este ejemplo, www ejeliot.com/samples/equal-height-columns/example-4.html

Dejo el codigo por si les interesa, Saludos y gracias por la ayuda

Código:
<html>
<head>
    <title>Prueba 01</title>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <style type="text/css">
        #box{background-color:#0066FF;}
        #izquierda{background-color:#00CCFF;}
	#derecha{background-color:#0099FF; }

	div#box{width:400px; float:left; margin: 0;padding: 0; overflow: hidden;}
	div#izquierda{width:250px; float:left; }
	div#derecha{width:150px; float:left; height: 100%; margin-bottom: -2000px; padding-bottom: 2000px; }
    </style>
</head>
<body>
    <div id="box">
        <div id="izquierda">
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		COL_IZQUIERDA<br>
		</div>
        <div id="derecha">
		COL_DERECHA<br>
		COL_DERECHA<br>
		COL_DERECHA<br>
		COL_DERECHA<br>
		COL_DERECHA<br>
		COL_DERECHA<br>
        </div>
    </div>
</body>
</html>