Div que se expanda o se contraiga con el contenido

[veeeeck]

Bueno amigos, tengo un pequeño problema tengo esta estructura, y quiero que #Menu se expanda o se contraiga respecto con el tamaño del #Contenido... las lineas diagonales rojas son el espacio que siempre me queda y quiero que dicho espacio lo termine de ocupar el #Menu.



Asi está mi CSS

Código CSS:

#contenedor{
width:924px; 
margin-top:40px;
background-color :white;
border:1px groove;
border-color: #c5c5c5;
height: 100%;
overflow:hidden;
}
 
#menu{
width:190px;
float:left;
background-color:#333;
}
 
#contenido {
width:705px;
float:left;
background-color:white;
margin: 5px 5px 10px 5px;
border: 1px groove;
 
}
 

Y lo uso asi

Código PHP:

<div id="contenedor">
 
   <div id="menu">
        
    <?php menu(); ?>
        
   </div>
   
    <div id="contenido">
    <?php contenido();?>
     </div>
</div>
 

De verdad espero haberme expresado bien, de antemano Gracias.Un saludo

[IsaBelM]

usa esta lógica

[veeeeck]

Iniciado por IsaBelM

[URL="http://araudi.net/ejemplos/columnas_equilibradas.html"]usa esta lógica[/URL]

Eso es justo lo que quiero Gracias, pero no habrá otra manera de hacerlo? ya que me parece algo engorroso. Gracias por tu respuesta!

[cristian_cena]

La verdad es dificil saber cual solución te va a resultar mejor. Hay muchas formas de hacer lo mismo, puedes comprobarlo googleando "columnas equilibradas o de igual alto".
Un truco muy sencillo de aplicar es el de las columnas falsas.
Si prefieres mantener un html y css limpio, sin demasiado rebusque, puedes delegarle la tarea deigualar el alto a javascript..
O bien trabajar con display:table o ya con las propiedades css3, yo no lo hice, pero investigando un poco seguro se debe poder hacer incluso compatible con ie7.

Saludos.