Come posso ottenere il layout mostrato nell'immagine allegata utilizzando i css?

codice:
<div id="principale">
<div id="contenuti" />
<div id="riquadro1" />
<div id="riquadro2" />
</div>
principale deve essere ad altezza fissa, mentre la sua larghezza deve adattarsi a quella della finestra del browser. Se possibile, anche riquadro1 e riquadro2 dovrebbero raggiungere con le loro dimensioni rispettivamente il margine sinistro e destro della finestra, con contenuti che rimane al centro con larghezza ed altezza fisse.