Intenta este codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
body {
text-align:center;
}
#pagina{
width: 800px;
margin: 0 auto;
height: 100%;
}
#cabecera {
width: 800px;
background-color: #009900;}
#contenido{
overflow:hidden;
background-image:url(contenido.gif);
background-repeat: repeat-y;
height:400px;
}
#lateral_izquierdo{
float: left;
width: 200px;
background-color:#cc99cc;
height:100%;
}
#cuerpo{
background-color: #990033;
width: 400px;
float: left;
height:100%;
}
#lateral_derecho{
background-color: #FFCCCC;
width: 200px;
float: right;
height:100%;
}
#pie {
width: 800px;
clear:both;
background-color: #CC66FF;
}
</style>
</head>
<body>
<div id="pagina">
<div id="cabecera">
<p>cabecera</p>
</div>
<div id="contenido">
<div id="lateral_izquierdo">
<p>lateral izquierdo</p>
</div>
<div id="cuerpo">
<p>cuerpo</p>
<p>En base a este ejemplo de lo mas simple, quiero que, cuando el div lateral_izquierdo tengas varias lineas, que los div cuerpo y lateral_derecho tengan el mismo alto que el div lateral_izquierdo.
Cuando el div cuerpo tengas varias lineas, que los div lateral izquierdo y derecho tengan el mismo alto que el div cuerpo.
Y que cuando el div lateral derecho tenga varias lineas, los div lateral izquierdo y cuerpo tengan el mismo alto que el div lateral derecho.
Bueno, pues esto, desde de varios dias, no soy capaz de conseguirlo.
A ver si me podeis ayudar, por favor. Muchas Gracias.
</p>
</div>
<div id="lateral_derecho">
<p>lateral derecho</p>
</div>
</div>
<div id="pie">
<p>pie</p>
</div>
</div>
</body>
</html>
Lo que hice fue darle un alto determinado al contenido de 400px, y las tres columnas de adentro tienen un alto de 100%. me cuentas.
saludos.