Parte centrale che si adatta allo schermo

[goxpix]

Ciao a tutti,

io avrei bisogno di chiedervi un aiuto. Io ho impostato un CSS con 3 parti:
- un container (contiene tutti e 3 i seguenti campi)
- un header
- un content
- un footer.

Io vorrai fare in modo che il content sia ad altezza variabile indipendentemente dello schermo. Ossia vorrai che l'header e il footer abbiano altezza fissa, mentre il content si adatti allo schermo e riempia tutta la pagina.

 
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}


div#container {
	position:relative; 
	margin:0 auto; 
	width:100%;
	height:auto !important; 
	height:100%; 
	min-height:100%;
}

div#header {
	padding:1em;
	background-color:#ffffff;
}

div#content {
	padding:1em 1em 5em; 
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; 

}

Come potrei fare?
Grazie a tutti.