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>
Espero me ayuden