Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di edeaj
    Registrato dal
    May 2001
    Messaggi
    81

    ridimensionamento sincrono colonne

    ciao a tutti, il mio problema è fare in modo che, avendo due colonne, ciascuna si allunghi in base all'allungamento dell'altra. In pratica se una colonna ha un contenuto tale da aumentarne l'altezza, anche l'altra deve aumentare, fino al footer.

    il mio css è questo:
    <style>
    #contenitore{
    width: 800px;
    background-color:#000000;
    font-family: Verdana, Arial; font-size: .8em; color: #000000;
    }
    #centrale{
    width: 798px;
    background-color:#000000;
    border-left:1px #000000 solid;border-right: 1px #000000 solid;
    }

    #sx{
    float: left;
    width:199px;
    border-right: 1px #000000 solid;background-color: #ffffff;
    }
    #dx{
    float:right;
    width: 598px;
    background-color: #CC99CC;
    }
    #footer{
    clear: both;
    width: 798px;
    height: 50px;
    background-color:#CCCC66;
    border-left: 1px #000000 solid;border-right: 1px #000000 solid;border-bottom: 1px #000000 solid;
    }



    l'html è invece questo:

    <div id="contenitore">
    <div id="centrale">
    <div id="sx">SINISTRO</div>
    <div id="dx">DESTRO</div>
    </div>
    <div id="footer">Footer</div>
    </div>



    faccio presente inoltre che le dimensioni relative all'altezza devono essere fluide, non fisse a priori... spero di essere stata chiara! grazie a chiunque vorrà rispondermi.

  2. #2
    Puoi provare ad utilizzare la tecnica "faux columns": in pratica si tratta di creare un'immagine larga quanto tutto il contenitore che "contenga" la divisione in colonne e poi la ripeti verticalmente, in modo da creare l'effetto colonna.
    L'articolo originale è questo

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 © 2025 vBulletin Solutions, Inc. All rights reserved.