Hola de nuevo.
Ahora tengo otro prblemita: no se porque en IE6 y IE7 sale un espaciado como de 4px entre menu y content. En los otros navegadores funciona perfectamente, a ver si por favor alguien me puede ayudar. Les dejo el código:
Código HTML:
<!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">
<head>
<title>2 Columns</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
background-color:#FFFFFF;
}
#wrap {
margin:0 auto;
width:100%;
height: 100%;
}
#header {
height:66px;
background-color:#999999;
width:100%;
position: absolute;
top:0px; left: 0px;
}
#main {
background:#9c9;
float:left;
width:185px;
height:100%;
}
#sidebar {
background:#99c;
display:block;
height:100%;
}
.relleno {
height: 70px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">header</div>
<div id="main"><div class="relleno"></div>menu</div>
<div id="sidebar"><div class="relleno"></div>content</div>
</div>
</body>
</html>
PD. Mikmoro: con lo que me habias ayudado en los post anteriores había un problema tambien en IE6 y 7 pero ya lo arreglé, es en la clase "slidebar".
Gracias