Mi chiedevo se era possibile fare un layout come questi:
http://www.bandabardo.it
http://www.ableton.com/index.php?main=artists
usando solo i css, senza tabelle o frame.
In pratica vorrei che il corpo centrale fosse un livello con altezza variabile in base alla risoluzione dello schermo e con "overflow: auto", mentre header e footer con altezza fissa.
Con le altezze in percentuale credo di esserci riuscito in questo modo:Ma se imposto altezze fisse per header e footer non ne vengo a capo.html {
height: 100%;
margin: 0;
}
body {
height: 100%;
margin: 0;
}
#box {
width: 750px;
height: 100%;
background-color: #000000;
}
#header {
height: 15%;
background-color: #ff0000;
}
#corpo {
height: 70%;
overflow: auto;
background-color: #cccc00;
}
#footer {
height: 15%;
background-color: #ffff00;
}
Qualche soluzione?
Grazie