Hola!!
como bien te explican ahi tendrias que hacer una imagen con los colores de fondo que tienes ai y esas 3 capas(izquierda,centro y derecha) meterlas dentro de un div yo le llame contenido y ponerle una imagen de fondo y que solo se repita en el eje de las y.
la imagen de fondo tiene que ser la que previamente creaste.
yo te puse las medidas en pixeles que me es mas comodo .
te pego el codigo y espero haberte ayudado
<!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;
}
#lateral_izquierdo{
float: left;
width: 200px;
background-color:#cc99cc;
}
#cuerpo{
background-color: #990033;
width: 400px;
float: left;
}
#lateral_derecho{
background-color: #FFCCCC;
width: 200px;
float: right;
}
#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>