div bloccati - allungabili

[Buzzz]

ciao a tutti...
io vorrei ottenere una cosa come in allegato.
i div rossi devono essere bloccati, cioè uno in alto e l'altro in basso, con misure impostate da me, non si muovo.
invece il div blu deve essere lungo quanto lo spazio che cè tra il div alto e il div basso ...
cioè il blu deve allungarsi o accorciarsi secondo come l'utente utilizza l'altezza del browser ...

ricapitolando:
div rossi: fissi con misure "fisse";
div blu: fisso (cioè al centro) ma allungabile o accorciabile secondo lo spazio a disposizione.

PS: so come impostare il tutto, il mio problema è nel codice, cosa devo inserire nel div blu in modo che si allunghi secondo lo spazio? e nel rosso in basso, come lo imposto in modo che rimanga fissato nella parte piu bassa del browser?

grazie in anticipo per il tempo e l'aiuto!

[BeerMaster]

non colorare il div blu di blu... colora di blu il div che contiene tutto.
I due div rossi rimarranno fissi il div che contiene tutto mostrerà più o meno blu a seconda dell'altezza dei contenuti.

[Buzzz]

Originariamente inviato da BeerMaster
non colorare il div blu di blu... colora di blu il div che contiene tutto.
I due div rossi rimarranno fissi il div che contiene tutto mostrerà più o meno blu a seconda dell'altezza dei contenuti.

si ok, però io nel div blu (come da immagine) devo mettere del contenuto, ma per ora non importa nel mio problema
il mio problema è nel bloccare i due div rossi, che nn saprei come fare..