Ciao!
ho dei problemi nel posizionamento dei blocchi dentro l'header del mio sito.
Ho inserito il menu dentro l'header che sta circa al centro di esso e della stessa lunghezza (150px di distanza dal margine superiore)
Ora però ho bisogno di dividere l'header in 2 blocchi per inserici due immagini diverse come sfondo. Il problema è che non riesco a sistemarli coreettamente mantenendo il menu.
Questo il mio codice..cosa sbaglio?
grazie!
<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;
}
ho dei problemi nel posizionamento dei blocchi dentro l'header del mio sito.
Ho inserito il menu dentro l'header che sta circa al centro di esso e della stessa lunghezza (150px di distanza dal margine superiore)
Ora però ho bisogno di dividere l'header in 2 blocchi per inserici due immagini diverse come sfondo. Il problema è che non riesco a sistemarli coreettamente mantenendo il menu.
Questo il mio codice..cosa sbaglio?
grazie!
<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;
}