Div lungo tutta lo schermo

repsanmarco

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;
}

tinoiuliano

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.

codencode

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%;
}

karnak

@TinoIuliano said: