• User

    Div lungo tutta lo schermo

    Ciao a tutti
    ho un problema che non so sia risolvibile con i css. Ho creato una pagina con uno sfondo.
    Poi ho creato un div contenitore dove al suo interno risiede il sito.
    Vorrei fare in modo che questo div contenitore mi occupi sempre in lunghezza tutta la pagina indipendentemente dal contento.
    Come vedo in alcuni blog.
    Grassssssssssssssieeeeeeeeeee

    Il css è questo

    body{
    background-image: url('imghome/sfondo.gif');
    background-repeat: repeat-x;
    background-color: #3C9AD7;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: white;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    }

    #arealavoro{
    background-color:white;
    border:1px solid;
    border-color:#3c9ad7;
    width: 900px;
    height: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
    }


  • User Attivo

    Ciao,

    se non vado errato questa cosa non la puoi fare, perchè la lunghezza della pagina dipende dai contenuti inseriti.

    Anche se "forzi" la lunghezza come hai fatto a 100% non risolvi.

    I blog che vedi hanno sicuramente colonne laterali con del contenuto e quindi la lunghezza della pagina si adatta a quelli.

    Al massimo puoi adottare qualche soluzione "sporcha" lato codice.

    Saluti.


  • User Attivo

    Prova così:

    
    html, body {
        height: 100%;
        margin: 0;
        text-align: center;
    }
    
    #arealavoro {
        position: relative;
        height: 100%;
        margin: 0 auto;
        text-align: left;
    }
    
    body>#arealavoro {
        height: auto;
        min-height: 100%;
    }
    
    

  • User

    @TinoIuliano said:

    Ciao,

    se non vado errato questa cosa non la puoi fare, perchè la lunghezza della pagina dipende dai contenuti inseriti.

    Anche se "forzi" la lunghezza come hai fatto a 100% non risolvi.

    I blog che vedi hanno sicuramente colonne laterali con del contenuto e quindi la lunghezza della pagina si adatta a quelli.

    Al massimo puoi adottare qualche soluzione "sporcha" lato codice.

    Saluti.

    Si, è proprio così