posizionamento menu in header diviso a blocchi

[ojalà]

Ciao!
ho creato l'header del mio sito che ho diviso in due blocchi (con i css e float:left).
Ora vorrei mettere un menu che sstia al centro di tutto tramite un div e regolarne la posizione con i css.
Ho il div header al cui interno ho inserito i due blocchi piu quello per il menu. Con i css come faccio ad inserirci il menu?Mi viene spostato sotto l'header..

[ashtur1]

puo' darsi che tu abbia dato un'altezza fissata all'header per cui tutti e tre i blocchi non ti entrano...
oppure puo' darsi che i tre blocchi siano float, mentre il terzo, quello del menu dovrebbe non floattare ed avere l'attributo clear:left;

[ojalà]

ora ti mostro il codice che ho scritto. se uso un div va tutto bene con la proprietà float:left lo posiziono correttamente nell'header a 150 px dal bordo superiore però se poi divido l'header in due blocchi mi si sposta tutto..è per questo che avevo pensato ad una tabella


<div id="Container">

<div id="Header">

<div id="box_sx"></div>
<div id="box_dx"></div>

<div id="Menu">
</div>


</div>


</div>





#Header{
background-color:#FFFFCC;
width:800px;
height:250px;
}

#Menu{
background-color:#CC0000;
width:800px;
height:50px;
margin-top:150px;
float:left;

}

#box_sx{
background-color:#CCCCCC;
width:200px;
height:250px;
float:left;

}

#box_dx{
background-color:#0000FF;
width:600px;
height:250px;
float:left;

}

[ashtur1]

Menu non deve floattare, dagli clear:left;

dovrebbe andare in questo modo

[ojalà]

ti ho postato il codice proprio perchè con clear:left non va,il menu viene spostato al di sotti dell'header, io lo voglio al centro..

[simone83]

Provo a risponderti io.
Se vuoi posizionare un blocco in mezzo ai due blocchi laterali devi dichiarare prima il blocco 1 poi metti il menu ed infine il blocco 2 dove blocco due puo flottare a destra per stare appunto sulla destra cosi fai

blocco 1 float left
menu float left
blocco 2 float right
e la struttura dovrebbe essere questa

<div id="Container">

<div id="Header">

<div id="box_sx"></div>
<div id="Menu"></div>
<div id="box_dx"></div>

</div>


</div>

Spero di esserti stato utile
ciao