Div centrale adattabile allo schermo

[KeresContorni]

Ciao a tutti e buon venerdì!

Ho una semplice pagina HTML divisa in 3 div orizzontali. Questa pagina è relativa solo ed esclusivamente alla navigazione da computer e con monitor orizzontale.

La pagina vorrei che fosse così composta:
- Div 1 intestazione ad altezza fissa, larghezza 100%;
- Div 2 corpo della pagina con larghezza 100% in cui all'interno inserirò delle immagini che dovranno riempire al 100% lo spazio occupato dal div. L'altezza di questo div è variabile e lo spiego poi.
- Div 3 Foot ad altezza fissa e larghezza 100%;

L'altezza del div 2 deve essere uguale a:

Altezza dello spazio disponibile nella finestra browser - altezza div 1 - altezza div 3

Spero di esser stato chiaro altrimenti allego qualche disegno...

Ciao a tutti e grazie in anticipo!
Keres.

[KeresContorni]

Siccome non trovo il modo di modificare quanto scritto sopra ecco cosa mi succede nella realtà:

http://droplet.mustglamour.tv/computer/index.php?id=1

Come si può notare il div al centro non mi rimane tra la header e il footer...

[Prill]

una cosa così?

css:

* {
    margin: 0;
    padding:0;
}
html, body, #main {
    height:100%;
    overflow:hidden;
}
#main {
    position:relative;
}
#head {
    width:100%;
    height:100px;
}
#content {
    position:absolute;
    display:block;
    width:100%;
    top:100px;
    left:0;
    right:0;
    bottom:100px;
    overflow:auto;
    background-color:#0066FF
}
#footer {
    position:absolute;
    width:100%;
    height:100px;
    bottom:0;
    left:0;
    background-color:#6699FF
}


html:

<div id="main">
 <div id="head"><p style="text-align:center; font-size:24px">header</p></div>
 <div id="content"><p style="height:700px; text-align:center; font-size:24px">inserito il paragrafo per per visualizzare lo scrolling</p></div>
    <div id="footer"><p style="text-align:center; font-size:24px">footer</p></div>
</div>
</body>
</html>

da eliminare i paragrafi e sostituire i div coi tag di html5

[Ciakko]

Devi lavorare con le percentuali o con l'unità em.

Se tutta la tua pagina è 100% l'altezza della div1 può essere 10% così come il footer e rimarrà un 80% per il corpo centrale.
Tutte le div racchiudile in una generale alla quale dai grandezza 100%. Ricordati di dare una grandezza massima ed una minima alle tue div e considera lo spazio per il padding ed il margin. Avrai una pagina che si ridimensiona alla risoluzione e con il div centrale sempre proporzionato allo spazio restante.