Se trata de que tengo un div o bloque izquierdo para el menu, este debería adaptarse a la altura del div o bloque de contenido.
en el fondo son dos columnas una a la izquierda y otra a la derecha, en la derecha debe mostrar contenido el cual este es variable y el de la derecha debería adaptar su height dependiendo del contenido de otro bloque.
este es el codigo:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>footerStick - Footer sticks to bottom of page</title>
<style>
html,body {
height:100%;
}
#contenedor{
width: 100%;
height: auto;
background-color: #ECF3F6;
border: 1px solid red;
}
#menu_izda{
float: left;
width: 250px;
margin: 0;
background-color: red;
height: 100%;
border: 1px solid blue;
}
#contenido{
margin-left: 254px;
height: auto;
background-color:#cccccc;
border: 1px solid yellow;
}
</style>
</head>
<body>
<body>
<div id="contenedor">
<div id="menu_izda">
Left Col<br>
This is content of the LEFT column. It can be short, longer or very long. This is content of the LEFT column. It can be short, longer or very long. This is content of the LEFT column. It can be short, longer or very long.
</div>
<div id="contenido">
Contenido<br>
This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long.
This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long. This is content of the MIDDLE column. It can be short, longer or very long.
</div>
</div>
</body>
</html>
