Layout con i CSS ed errore su mozilla

[Pino SIlvestre]

(spero sia la sezione giusta )

una parte della pagina e' cosi' strutturata:

------
css
------

#corpo {
width: 768px;
margin: 1em auto;
text-align: center;
border: #000000 1px solid;
background: red;
}
#corpo-colonna1 {
background: orange;
width: 150px;
float: left
}
#corpo-colonna2 {
background: purple;
width: 466px;
float: left
}
#corpo-colonna3 {
background: brown;
width: 150px;
float: left
}

------
xhtml
------

<div id="corpo">
<div id="corpo-colonna1">.1.</div>
<div id="corpo-colonna2">.2.</div>
<div id="corpo-colonna1">.3.</div>
</div>


Su ie5.5 il div "corpo" ingloba e circonda i 3 div interni correttamente, circondandoli con un bordo.

Su mozilla invece questo non accade, il div "corpo" risulta alto 1px indipendentemente dai tag interni che comunque vengono visualizzati correttamente.

Io vorrei mantenere quel bordo anche su mozilla, dove sbaglio?


grazie in anticipo, pino

[blakwolf]

ciao pino e tanto che non ci si sente....

il fatto è questo, mozilla ha ragione, è IE a sbagliare, infatti facendo float left gli elementi escono virtualmente dal blocco secondo specifiche, se vuoi che si affianchino basta che li metti display: inline;

ps: hai poi ricevuto il mio invito a wedev

[cerba]

mah, non mi sembra che escano dal blocco, sia IE che MZ li mostrano in "retta". se non mi ricordo male, il "float" dovrebbe servire proprio per fare uscire il blocco dal normale flusso di lettura e si posizionasse dove voluto.
Cmq è il bordo che da problemi e anch'io non ci riesco...
Pino, se ti consola ho avuto lo stesso problema e ho cancellato e riscritto il codice e ha funzionato, ma non so dirti perchè..prova magari a vedere k ti sembra il bordo di
www.torneodicappella.it

[Kintaro]

c'ha ragione black, comunque fai:

<div id="corpo">
<div id="corpo-colonna1">.1.</div>
<div id="corpo-colonna2">.2.</div>
<div id="corpo-colonna1">.3.</div>
<br style="clear: both;" />
</div>