Aiuto con un template... è possibile?

[Pennywise83]

Ciao a tutti!
Sono giorni ormai che lavoro ad un template in css e non riesco proprio a trovare una soluzione...

Qui di seguito trovate una bozza del template (scusate le linee storte, ma dovrebbe essere abbastanza chiaro)

In pratica ho i primi 2 Div per l'header, il Div5 è per i contenuti e alla sua destra c'è una sidebar (Div4)

Sopra questi due div vorrei far comparire il Div3, però la sidebar dovrebbe andare nello spazio che lascia quest'ultimo.

Voi pensate che questa cosa sia possibile? Ho provato a riscrivere il template da 0 ma ho avuto sempre problemi diversi...
Ammetto di non essere un mago del css, ma ero sempre riuscito a fare tutto quello che avevo in mente, adesso mi trovo con questa idea e sono impossibilitato a realizzarla...

Spero che qualcuno sia disposto a darmi una piccola mano, o anche solo un consiglio.

Ve ne sarei grato!

[Pennywise83]

Un problema che ho è il seguente:


Il box celeste è il container, e dovrebbe seguire l'altezza degli elementi al suo interno... invece rimane di una determinata altezza (questo con firefox, con explorer si comporta come vorrei io...). Potrei impostare un'altezza minima, però vorrei qualcosa di più funzionale..

[fcaldera]

1^post:
ti suggerisco di accorpare in un unico box i div 3 e 5 se non hai motivi particolari per tenerli separati. Per fare lo sfondo azzurro ritaglierai una riga verticale di blu e la ripeti nel verso-x

2^post:
non hai postato nulla del codice che usi ma dal problema si intuisce che stai usando dei blocchi float all'interno del container e, a quest'ultimo, non stai applicando un clearing (e il sintomo più evidente è che il div sembra non avere volume). Guarda quindi tra i link utili "Box model e Posizionamento / Layout" e cerca "float clearing" qui o su google

Ciao

[Pennywise83]

grazie fcaldera, in effetti non ho mai usato la funzione clear... mi districo tra display e position, ma clear proprio non lo conosco. Ora do una lettura alle guide, nel caso avessi ancora dei problemi vi posterò il codice.

Grazie ancora

EDIT: -------

Non riesco a dare volume al container... il codice è semplicissimo:

#container {
width: 790px;
background: pink;
margin: 0 auto;
padding: 0;
border: 1px dotted red;
clear: both;
}

#sinistra {
width: 590px;
float: left;
background: green;
padding:0;
}

#destra {
width: 200px;
float: right;
background: blue;
padding:0;
}

In pratica il container sembra avere un'altezza pari a 0, ne vedo solo i bordi