Ciao! Posto prima il codice e poi pongo il quesito!
file CSS:
codice:
#content {
width: 900px;
background: #25a0d7;
margin-top: 20px;
border: 2px solid #fff;
}
#content #homeNews {
width: 230px;
background:url(../img/home_news.gif) no-repeat #fff;
padding: 30px 3px 20px 3px;
border: 2px solid #ff8000;
float: left;
}
#content #homeNext {
width: 230px;
background:url(../img/home_next.gif) no-repeat #fff;
padding: 30px 3px 20px 3px;
border: 2px solid #ff8000;
margin-left: 8px;
float: left;
}
#content #homeBody {
width: 380px;
background: #fff;
padding: 4px;
border: 2px solid #ff8000;
float: left;
margin-top: 0px;
margin-left: 20px;
}
html:
codice:
<div id="content">
<div id="homeNews">
colonna sinistra
</p>
</div>
<div id="homeNext">
colonna centrale
</p>
</div>
<div id="homeBody">
<p class="giustificato">
colonna destra
</p>
</div>
Ovviamente il mio intento era di tenere i 3 div News, Next e Body allineati orizzontalmente e all'interno del div content.. questo non succede.. su ie è tutto ok, su firefox i div sono allineati, ma sono all'esterno del div content.. dove sbaglio?
Sani