Visualizzazione risultati 1 fino 1 di 1

Discussione: Il "clear: both" agisce anche per div esterni al suo contenitore

  1. #1
    Guest

    Predefinito Il "clear: both" agisce anche per div esterni al suo contenitore

    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
    Ultima modifica di libflagspaces : 11-07-2009 alle ore 18.17.22

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •