Ho realizzato tre div su tre righe ma sto avendo molti problemi e di tutti gli esempi trovati sulle guide html.it, in off-line non ne funziona nessuno.

L'header middle esce ben oltre il div container, la scritta "testo2" di 400px mi aggiunge sopra e sotto la scritta moltissimo spazio ed aumenta all'aumentare della dimensione del testo.

codice:
#container {
    height: 100%;
}
#header {
    height: 100px;
    font-size: 45px;
    text-align: right;
}
#middle {
    height: 100%;
    font-size: 400px;
    text-align: center;
}
#footer {
    height: 200px;
    text-align: center;
}
codice:
<div id="container">
 <div id="header">testo1</div>
 <div id="middle">testo<br />2</div>
 <div id="footer">immagine.jpg</div>
</div>