Header fisso + contenuto scroll
Ciao raga!
Questo il codice CSS:
Codice:
]body, html {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
font-family: Comics, Arial, Verdana, sans-serif;
}
#header {
float: left;
margin-left: 0;
width: 100%;
overflow: hidden; /* elimina sroll bars */
}
#contenitore {
float: left;
width: 100%;
height: 100%;
max-height: 100%;
margin-left: 0;
overflow:auto;
}
#contenuto{
float: left;
width: 80%;
margin-left: 0;
}
#right {
float: left;
width: 20%;
}
#footer {
clear: both;
margin-left:0;
width: 100%;
overflow: hidden; /* elimina sroll bars */
}
Codice HTML:
<div id="header">
</div>
<div id="contenitore">
<div id="contenuto">
</div>
<div id="right">
</div>
<div id="footer">
</div>
</div>
PROBLEMA:
Il contenuto che eccede la finestra browser non viene mostrato completamente e non appare neanche il footer.
In sostanza avrei bisogno di avere header fisso e il resto della pagina (div vari con footer a fondo pagina) scrollabile;
