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

    div contenitore al 100%

    Ciao,
    come posso fare per far sì che il mio div contenitore ("bloccocentrale") mi occupi tutta l'altezza della finestra del browser?... Ho provato con "height: 100%", ma non va!

    /* CSS Document */

    body {

    background-color: rgb(23,87,49);

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;

    text-align: center;
    }

    div.bloccocentrale {

    width: 760px;
    background-color: #FF0000;

    margin: 0px auto;
    text-align: left;
    }

    div.menusinistro {

    width: 280px;
    height: 500px; /* --------------che poi andrò a togliere */
    background-color: #00FF00;
    float: left;
    }

    div.menualto {

    width: 480px;
    height: 220px; /* --------------poi devo inserire il valore esatto */
    background-color: #660066;
    float: left;
    }

    div.testieimmagini {

    width: 480px;
    height: 150px; /* --------------che poi andrò a togliere */
    background-color: #FFCC99;
    float: left;
    }

    div.copyright {

    width: 480px;
    height: 50px; /* --------------che poi andrò a togliere */
    background-color: #3333FF;
    float: left;
    }
    E questo è l'html:

    <body>

    <div class="bloccocentrale">
    <div class="menusinistro">Menù sinistro</div>
    <div class="menualto">Menù alto</div>
    <div class="testieimmagini">Testi e immagini</div>
    <div class="copyright">Design di...</div>
    </div>

    </body>
    Grazie!

  2. #2
    Dovresti inserire un'altezza al selettore body e poi al selettore bloccocentrale inserire height: 100%;

  3. #3
    ma così mi funziona solo se metto al valore height del body un valore in pixel.. però così mi si attiva la scrollbar e non mi va bene..

    se metto height 100% al body non va, come mai?



  4. #4
    ho risolto con l'immagine di fondo che mi aiuta a far le false colonne..

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.