3 div che non si allineano con FireFox

[ambuotiz]

Devo mettere 3 div allineati uno a sinistra, uno al centro e uno a destra:

#sinistra {
float: left;
width: 300px;
height: 150px;
text-align: center;
font-size: 30;

}

#destra {
float: right;
width: 300px;
height: 150px;
text-align: center;
font-size: 30;

}

#centro {

width: 300px;
height: 150px;
text-align: center;
font-size: 30;
}

Con Internet Explorer funziona bene ma con FireFox il div centrale non si allinea agli altri ma finisce sotto, come devo cambiare il codice per poter essere interpretato bene anche da FireFox?

[Mich_]

Di solito questo sucede quando non c'e` spazio sufficiente: l'ultimo blocco inserito finisce sotto.

Comunque per sincerartene, metti a 0 margin, padding e border in tutti i blocchi:
margin:0;
padding:0;
border:0;

Inoltre dovresti definire float anche il terzo blocco.

[ambuotiz]

Dovrei avere tre div allineati e poi uno sottostante. Se io imposto 2 div con float:left e un div con float:right il div che dovrebbe stare sotto si affianca ai tre precedenti.

[Mich_]

Forse dovresti rivedere le conoscenze di CSS.

Se hai tre div, che devono stare allineati, questi dovrebbero avere tutti float:left (o right).
Quello che poi deve sganciarsi dalla fila, deve avere clear:left (o right o both).

PS: metti a posta prima per i browser standard, e poi applica, se il caso, le patch per il browser IE (che e` fuori standard).