Impostare l'height sullo spazio rimanente

[vpanta]

Ciao a tutti, ho realizzato il seguente layout
body
{
margin: 0;
padding: 0;
height: 99.5%;
width: 99.5%;
font-family: Verdana;
font-size: 10pt;
text-align: left;
}

div#container
{
position:relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 1px solid black;
text-align: left;
color: #ffffff;
background-color: #0066ff;
}

div#header
{
width: 100%;
height: 20px;
font-size: 18pt;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-style: italic;
color: #99ffff;
background-color: #3300ff;
}

div#content
{
width: 100%;
height:auto;
bottom:20px;
padding: 0;
text-align: left;
}

div#footer
{
clear:both;
position:absolute;
width: 100%;
height: 20px;
bottom: 0;
margin: 0;
padding: 0;
text-align: left;
font-size: 10pt;
background-color: #000000;
vertical-align: middle;
color: #ffffff;
}

Quello che vorrei che il div#content abbia come altezza lo spazio necessario ad occupare la rimanente parte del div#container, una cosa del tipo 100% - lo spazio occupato dal div#header.
Come posso fare se imposto div#container height : 100% succede che la pagina diventi + lunga di quello disponibile, perchè ?
Ciao

[sonik_the_sonik]

Prova a leggere questa pillola, forse ti chiarisce le idee.

[vpanta]

Ciao, grazie x la riposta,
quello che mi serve è come proporzionare l'altezza del content in modo da sfruttare lo spazio rimanente, poichè impostando il valore di height a 100% prende come dimensione l'height del container non considerando già la presenza di header con altezza 20px.
Non è possibile fare 100% - 20px ?
Ciao

[sonik_the_sonik]

[edit] errorre di inserimento

[sonik_the_sonik]

Se hai qualcosa on line da vedere credo che capirei qualcosa in più dato che non ho compreso bene come si devono allungare i div...

Cmq (per quello che ho capito) credo che impostando una altezza minima (in px) per i contenuti tu possa risolvere il tuo problema:

height: auto !important; /*IE non lo legge*/
min-height: TOTpx; /*IE non lo interpreta*/
height: TOTpx; /*IE legge questo e lo interpreta come min-height*/

da mettere in #content

[vpanta]

Ciao ,
ti allego un esempio,
Come impedisco che il contenuto esca fuori dalla pagina ?
Ciao

[vpanta]

Il mio problema è identico a quello postato in questo forum :
http://forum.wininizio.it/index.php?showtopic=48682

[sonik_the_sonik]

Credo di essere duro ma non capisco proprio qual'è il risultato che vuoi ottenere...

Se mi posti uno schizzo (anche con paint) del risultato che vuoi ottenere e il codice html che utilizzi forse posso fare qualcosa. In questo momento non so proprio cosa dirti di più...

[vpanta]

Ti allego l'immagine