ciao a tutti,
la mia pagina é composta da un header e footer "fissi" e contenuto (content) centrale scrollabile.
Qui il CSS essenziale
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:105px;
padding-top: 15px;
overflow:auto;
background:#fff;
text-align:center;
}
* html #header {height:120px;}
#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:70px;
overflow:auto;
background:#333333;
padding-top:15px;
text-align:center;
z-index: 4;
}
* html #footer {height:85px;}
#content {
position:fixed;
top:120px;
left:0;
bottom:85px;
right:0;
overflow:auto;
text-align:center;
}
* html #content {
height:100%;
width:100%;
}
Quello che dovrei fare adesso é inserire un altro layer in #content che sia centrato verticalmente ed orizzontalmente (rispetto al layer #content) anche quando il browser viene ridimensionato.
Spero che qualcuno di voi mi possa aiutare perché tutti gli esempi che ho trovato fino ad adesso sembrano non funzionare in queste circostanze![]()

Rispondi quotando