Div tamaño dinamico

[Michoacano]

Antes de empezar, no se si el título del post estuvo correcto pero no se me ocurrió otro.


Tengo 3 divs.

Código HTML:

<div id="top">top</div>
<div id="medio">medio</div>
<div id="footer">footer</div> 

Ahora, el div top y footer tienen un ancho y largo definido. Pero el div de "medio" quiero que se haga grande dependiendo de la resolucion de la pantalla. Es decir que si de largo la pantalla mide 1000, el div top y footer midan 200 y el middle mida 800.

Intente ponerle height:100% al div medio, pero ocupa toda la pantalla y el div top no se observa y queda hasta abajo.Yo quiero que los tres esten visibles.

Espero que me puedan ayudar

Gracias!

[webosiris]

la técncia que yo uso:

Código HTML:

<div id="container">
<div id="top"></div>
<p class="ultimo"></p>
</div>
<div id="footer"></div> 

Código:

html, body{height:100%}
#container{min-height:100%}
#top{height:100px;}
#footer{height:40px;margin-top:-40px}
p.ultimo{padding-bottom:40px;}

- el TOP dentro del CONTAINER (equivalente a tu "Medio") y el FOOTER fuera
- darle min-height:100% al CONTAINER (no funciona en ie6 pero hay formas de hacerlo andar)
- posicionar al FOOTER con margin-top negativo igual a su altura
- al último elelemto del CONTAINER darle un margin-bottom igual a al altura del FOOTER para que no quede contenido debao del pie

creo que eso es todo

[ghosthead-nebula]

A mí también me hace falta hacer esto, pues mi pantalla se ve fea con el maquetado arriba y todo lo demás con el background general >.>

Lo intentaré, a ver qué tal.

[ghosthead-nebula]

En explorer me funciona perfecto, pero no en FF. T-T

¿Qué hago?

Editado: Ya lo resolví. No tenía idea de que tenía que usar el html >.>

Ahora sí hace lo que quiero :D

Gracias ^^