Tengo un problema en acomodar unos div en mi pagina.
Este es el código:
Código HTML:
<html>
<head>
<title>.:: Mi Problema de CSS ::.</title>
<style type=text/css>
body { margin:0px 0px auto 0px; }
div.cabecera { position:relative; width:auto; height:180px; background-color:#D5DEF6; }
div.contenedor { position:relative; width:auto; height:auto; }
div.menu_izq { position:relative; float:left; width:160px; height:400px; background-color:#77A4F7; }
div.contenido { position:absolute; width:auto; left:160px; height:400px; background-color:#F7BF77; }
div.menu_der { position:relative; float:right; width:160px; height:400px; background-color:#77A4F7; }
</style>
</head>
<body>
<div class="cabecera" id="cabecera">Cabecera = ancho de navegador</div>
<div class="contenedor" id="contenedor">
<div class="menu_izq" id="menu_izq">Menu izquierdo</div>
<div class="contenido" id="contenido">DIV Contenido debería ocupar todo el espacio entre menu izquierdo y derecho</div>
<div class="menu_der" id="menu_der">Menú derecho</div>
</div>
</body>
</html> El problema es que no puedo hacer que el div de contenido de color naranja ocupa todo el espacio entre los divs de color celeste.
Espero me ayuden
