Forse il titolo è un po' complicato.. beh pazienza :-P
Allora, mi ritrovo con un problema di layout.
Ne ho estrapolato e semplificato una parte, dove risiede il problema.
Questo è la parte del codice css interessatoCodice HTML:<div id="layout_contenitore"> <div id="layout_navigazione"> 1<br> 2<br> 3<br> 4<br> 5 </div> <div id="layout_contenuto"> <div style="clear: both"> CONTIENE ALTRI DIV CON FLOAT LEFT. DI QUESTI CONTENITORI NE SONO PRESENTI PIU' DI UNO IN CASCATA L'HO SEMPLIFICATO IN QUESTO MODO PERCHE' IL PROBLEMA SI VERIFICA ANCHE COSI' </div> </div> </div>
Questa piccola porzione di codice crea un layout a due colonne, dove la navigazione è a sinistra. All'interno della colonna centrale sono presenti altri div.Codice:#layout_navigazione{ float: left; width: 215px; } #layout_contenuto { margin-top: 5px; margin-left: 230px; border: 1px solid #000000; } /* DA NOTARE IL CLEAR. SENZA DI ESSO I DIV VENGONO ALLINEATI BENE, MA MI SERVE AVERLO */ .layout_galleria { text-align: left; margin-bottom: 7px; clear: both; }
Se li imposto con un clear: both automaticamente il primo va sotto la navigazione, anche se non centra niente perché il clear è riferito agli elementi contenuti dentro il div centrale.
Cosa fare?
EDIT: Ho pensato di usare le tabelle per questo micro-layout. Sembra che mi trovo bene, ho solo da fare piccole correzioni.
Se comunque qualcuno ha un idea sul perché il clear ha quell'effetto, posti pure perché potrebbe riservirmi in futuro e forse anche ad altri utenti.
Ciaoo![]()

LinkBack URL
About LinkBacks
