Div central y elástico

[DAMOVEAR]

Poco a poco voy avanzando, el que persevera triunfa, dicen.

Creé un div general (el que contendrá toda la página), le puse Width y Heigth al 100%, para que agarre todo el ancho de la página.

Dentro puse el div header, el cual tiene un heigth de 150px y un width en 100%.

Dentro del header puse el div logo, el div logo tiene un height de 100px y un width de 200px, aparte de estar con el float:left.

Al costado, y dentro de header también, puse el div figura. Figura tiene también un height de 100px y un width de 200px, la diferencia es que tiene un float en right.

En donde tengo problemas es en el div de en medio.

Deseo que haya un div en medio de ambos (entre logo y figura) que sea justamente el que cambie de tamaño cuando el monitor lo haga.

Intenté ponerle en width en auto pero con margin-right 200px y nada, intenté ponerle simplemente en auto pero hace que desaparesca el div figura, intenté de todo, y simplemente no logro encajar ese bendito div medio para que se modifique en tamaño pero siempre estando entre logo y figura.

¿QUÉ HAGO?

[KoswiDigital]

Hola. ¿Podrías mostrarnos el código html y css, por favor? Así entenderemos mejor el problema y lo que pretendes hacer.


Un saludo.

[elbuensaint]

es fácil, simplemente no definas el ancho del div del medio.
Supongamos que tu css quedaría así:

Código CSS:

#logo {
width:200px;
height:100px;
float:left;
}
 
#figura {
width:200px;
height:100px;
float:right;
}
 

y tu xhtml así:

Código HTML:

...
<div id="logo">contenido de #logo</div>
<div id="figura">contenido de #figura</div>
<div>contenido que aparecera en medio</div>
...

Como dije en este tema, si un div no tiene especificado el ancho tomará por defecto todo el que le sea posible, si no hay nada a su izquierda/derecha, el div tendrá un 100% de ancho (aunque no lo definas) y si tiene algún elemento a su izquierda/derecha, tomará el ancho sobrante.

Espero se entienda, cualquier duda aquí andamos