He estado dándole una vuelta y casi lo tengo, pero en IE (6,7 y 8) tengo un pequeño fallo, pongo el código que estoy usando:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>3 columnas</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0;}
html, body {height: 100%; background-color:#ccc;}
#contenedor {width: 900px; height: 100%; clear:both;
}
#col_der, #col_izq, #col_central {height: 100%;}
#col_der {float: right; background-color: blue; width: 200px;}
#col_izq {float: right; width: 300px; background-color: green;}
#col_central {background: red; }
</style>
</head>
<body>
<div id="contenedor">
<div id="col_der"> </div>
<div id="col_izq"> </div>
<div id="col_central"> </div>
</div>
</body>
</html>
Si lo veis en Firefox, Safari, Chrome, las 3 columnas están pegadas, mientras que en cualquier de los IExplorer, la columna roja y verde están levemente separadas, ¿de dónde sale esa separación? :\