Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    come gestire due div affiancati di altezza differente

    Codice HTML:

    <body>
    <div id="pagina">
    <div id="sinistra">
    1
    2
    1
    2
    1
    1
    2
    1
    2
    1

    1
    2
    1
    2
    1
    1
    2
    1
    2
    1

    1
    2
    1
    2
    1
    1
    2
    1
    2
    1

    1
    2
    1
    2
    1
    1
    2
    1
    2
    1

    </div>
    <div id="destra">
    ciao
    </div>
    </div>
    </body>

    Codice CSS:

    #pagina
    {
    width:100%;
    height:100%;
    background-color:#CC99FF;
    }
    #sinistra
    {
    float:left;
    width:30%;
    height:100%;
    background-color:#FFFF66;
    }
    #destra
    {
    width:65%;
    height:100%;
    background-color:#0000CC;
    }
    body {
    height:100%;
    }

    Il problema è questo: se una delle due colonne supera la lunghezza settata al 100%, l'altra colonna non si adegua e una colonna diventa piu lunga dell'altra.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Vedi "false colonne" / "faux columns".
    Puoi cercare nel forum (bottone in alto), oppure tra i "link utili" (sezione formattazione) o ancora in internet: e` un problema noto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Il mio consiglio per problemi di layout di questo tipo è partire sempre da Layout Gala del buon Fulciniti, trovi il materiale proprio qui su html.it

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.