Si, ecco il codice 
html
codice:
<html>
<body>
<div id="contenitore">
<div id="wrap">
<div id="header">
testata del sito
</div>
<div id="content">
contenuto sito
</div>
<div id="push">
usato per lo stiky footer
</div>
</div>
</div>
<div id="footer">
footer
</div>
</body>
</html>
CSS
codice:
#contenitore {
width: 960px;
min-height: 100%;
margin: 0px auto -80px auto;
font-size: 13px;
text-align: justify;
border: 2px solid blue;
background-color: transparent;
}
#wrap {
width: 960px;
min-height: 100%;
margin: 0px auto 0px auto;
border: 2px solid cyan;
background-color: black;
}
#header {
height: 150px;
width: 944px;
margin: 0px auto;
background-color: transparent;
border: 1px solid red;
}
#content {
width: 960px;
margin: 0px auto;
padding-top: 20px;
color: #000000;
background-color: black;
border: 1px solid green;
}
#push {
clear: both;
height: 99px;
background-color: red;
border: 1px solid yellow;
}
#footer {
clear: both;
height: 100px;
min-width: 1024px;
margin: auto auto;
padding-top: 20px;
text-align: left;
font-size: 80%;
color: #282828;
background-color: #7786E6;
background-image: url(../immagini/foot.png);
background-position: top left;
background-repeat: repeat-x;
}
Ecco. Il problema è che con il "contenitore" tutto funziona bene con footer in fondo pagina e div che va fino in fondo alla pagina, mentre invece il div "wrap" si comporta come quello del content, cioè si adatta al suo contenuto e non riesco a fargli prendere le dimensioni del div "contenitore".
Ovviamente il problema si presenta in altezza: perchè la larghezza del div wrap è uguale a quella del div contenitore ed è giusto così. Però in senso di altezza il wrap non va a finire fino in fondo pagina come il contenitore, come invece vorrei...
In pratica due div di uguali identiche dimensioni uno dentro l'altro.
Grazie!!!
Nel mentre pongo anche un altra domanda:
Nel caso invece il div wrap non venga utilizzato, com'è possibile fare in modo che il div "content" (quello per i contenuti) vada fino in fondo pagina come il div contenitore?
(senza il problema del footer, con stesso codice di sopra ma senza div wrap)
Grazie mille!!!
Rispondi quotando
