L'uso dei posizionamenti e` una delle cose piu` complesse nei CSS, e di solito crea piu` problemi di quanti ne risolve.
Non hai bisogno del position:absolute, devi usare la proprieta` overflow, per avere lo scroll all'interno di un oggetto.
Se vuoi avere i tre blocchi fissi, e lo scroll al loro interno, la struttura deve essere del tipo:
codice:
html, body {
height: 100%;
width: 100%;
overflow: hidden; /* in teoria non serve, ma se vuoi essere piu` sicuro ... */
}
header {
height: 19.9%;
width: 100%;
overflow: auto; /* se il caso */
}
content {
height: 80%;
width: 70%;
float: left;
overflow: auto; /* se il caso */
}
rightcol {
height: 80%;
width: 29.9%;
float: right;
overflow: auto;
}
Nota che la somma delle % fa sempre un po' meno del 100%, per evitare che con gli arrotondamenti si arrivi piu` del 100%
In qualche brwoser esistono anche overflow-x e overflow-y separati, ma falli sempre precedere da overflow:auto per essere sicuro che venga interpretato
Rispondi quotando
