Ciao a tutti, sto cercando di posizionare queste 3 div. Nella header e footer penso di non avere problemi, ho difficoltà a posizionare il corpo. Ho allegato un'immagine sperando di essere più chiaro : in pratica la div "corpo" deve iniziare sotto la div "header" e poi terminare sopra la div "footer"; l'altezza del div "corpo" si deve adattare alla finestra del browser quindi ho pensato di inserire height:100% ma purtroppo non funziona perchè height:100% prende tutta la pagina.

Immagine.jpg

Codice CSS:
codice:
html, body {
width:100%;
height:100%;
}

body {
margin: 0px auto;    
padding: 0px;
top:0;
left:0; 
}

#header {
top:0;
position:fixed;
z-index: -1;
height:50px;
width:100%;
text-align: center;
margin:0 auto;
}

#corpo {
margin:0 auto;
z-index: 1;
width:1000px;
height: 100%;
}

#footer {
bottom:0;
position:fixed;
height:50px;
width:100%;
text-align: center;
margin:0 auto;
}