buongiorno a tutti, sto avendo un mare di problemi con la proprietà float.
in pratica, succede questo: ho una pagina html
con il seguente foglio di stile:Codice PHP:<body>
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
(notare che è identico all'esempio di http://css.html.it/guide/lezione/68/...-con-il-float/)Codice PHP:div#container {
width: 1000px;
background-image:url(../immagini/bg.jpg);
background-repeat:repeat-y;
text-align:left;
}
div#header{
width:1000px;}
div#menu{
float: left;
width: 180px;
}
div#content{
margin-right: 5px;
}
div#footer{
clear: right;
text-align:center;
width:1000px;
background-color:#9C8A5C;
}
Il problema nasce quando inserisco il testo nel menu, perchè il div container non riproduce lo sfondo per tutta la lunghezza della pagina, fino a dove arriva il testo. Un po' come se avessi dato posizionamento assoluto al menu, insomma.
Se tolgo il float dal menù il problema si risolve.
Finora ho utilizzato decine di siti con questa tecnica e non ho mai avuto problemi... dove sto sbagliando oggi?
Rispondi quotando
