Se entiende? Lo que busco es que las 3 columnas queden siempre con 100% de altura, es decir que la que lleve mas contenido marcará el alto y las otras 2 se deberian ajustar a eso.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>No va ni para atras</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{margin:0;padding:0;height:100%;}
#container{width:700px;margin:0 auto;text-align:left;height:100%;}
div#wrapper{float:left;width:100%;}
#right{background: red;float:left;width:150px;margin-left:-150px;min-height:100%;}
#left{background: blue;float:left;width:150px;margin-left:-700px;min-height:100%;}
#content{line-height:1.4;background: yellow;margin: 0 150px;min-height:100%;}
#footer{background: #333;color: #FFF;clear:left;width:100%;}
#header { height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>header</h1></div>
<div id="wrapper">
<div id="content">
Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido
</div>
</div>
<div id="right">
right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right
</div>
<div id="left">
left left left left left left left left left left left left left left left left left left left left left left left left
</div>
<div id="footer"><p>footer</p></div>
</div>
</body>
</html>