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.
Codice 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>
Questo è la parte del codice css interessato
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;
}
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.
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