[CSS] - "float" non funziona
Provate a dare un'occhiata a questa pagina: http://theboard.dementialsite.alterv...thread.php?t=1
Su una cosa IE, Firefox e Opera sono perfettamente d'accordo: lo stile è reso da c*** in tutti e tre i browser... quello che vorrei sapere è perché, visto che il codice mi sembra che sia generato correttamente (ne riporto qui un esempio):
Codice HTML:
<DIV CLASS="user_header">
<DIV CLASS="message_data">
<P><B>Messaggio #1</B><BR>
Inviato: 20051204162601</P>
</DIV>
<DIV CLASS="user_data">
<H3>TheMaster</H3>
<P><B>Amministratore</B><BR>
THE BO4RD Registered User #1<BR>
Data registrazione: 2005-12-04<BR>
Messaggi: 2</P>
</DIV>
</DIV>
<DIV STYLE="border:solid 1px #000000">
<DL>
<DT>Welcome on Board</DT>
<DD>Messaggio di prova generato da TheMaster</DD>
</DL>
</DIV>
Questi invece sono i tre stili CSS coinvolti:
Codice:
DIV.user_header { background-color:#99FF99; color:#000000; border:solid 1px #000000; overflow:visible }
DIV.user_header DIV.user_data { float:left; width:35%; margin:0; font-size:85%; border:solid 1px #FF0000 }
DIV.user_header DIV.message_data { text-align:right; float:right; width:35%; margin:0; font-size:85%; border:solid 1px #FF0000 }
Forse avrete capito che i DIV a cui ho messo in via provvisoria i bordi rossi dovrebbero finire dentro quello verde, cosa che invece non succede...
Qualcuno ha qualche idea di come posso risolvere il problema?
Grazie a chi risponde... statemi bene...