Come si può espandere un div per adattarsi allo spazio verticale disponibile?

Sto cercando un modo per rendere il div che contiene il mio contenuto della pagina principale da espandere per adattarsi allo spazio rimasto dopo aver aggiunto la mia intestazione e il piè di pagina. L’HTML è strutturato in questo modo:

È progettato in modo che il piè di pagina si trovi sempre oltre la parte inferiore della pagina impostando l’altezza minima di # wrapper al 100%. Il problema è che #content non si espande per riempire lo spazio vuoto all’interno del wrapper #, rendendo difficile ottenere l’aspetto che voglio. Come posso farlo farlo?

MODIFICARE:
Perché non usare sopra e sotto. Ecco un esempio completo.
È ansible modificare i valori superiore e inferiore per ottimizzare il posizionamento dell’intestazione / piè di pagina.

      
Content

Un buon articolo per i footer è in A List Apart: http://www.alistapart.com/articles/footers/

Ha l’esempio reale di come posizionare un footer in basso con il div del contenuto in espansione.

Questa soluzione risolve i problemi di scorrimento. Quando la pagina è sovradimensionata, il tuo footer è posizionato su 2 nuove righe dell’intero contenuto:

     

Some heading

Some text you have