Ciao a tutti, riprovo a sottoporvi questo problema.
Ho il seguente BODY:
<body onload="init()">
<div id="boxLeft">
...
</div>
<div id="boxMain">
<noscript>
Questo programma non può funzionare perché JavaScript non è abilitato o non è
supportato dal browser.
</noscript>
</div>
<div id="boxOggetti">...
</div>
</body>
Ecco il CSS:
div[id], body, html
{
margin: 0;
padding: 0;
height: 100%;
}
div[id]
{
overflow: auto;
}
div#boxLeft
{
float: left;
width: 20%;
padding-left: 1%;
margin-right: 1%;
background-color: #cccc88;
}
div#boxMain
{
float: left;
display: block;
width: 78%;
height: 70%;
}
div#boxOggetti
{
width: 78%;
height: 30%;
}
Voglio che boxLeft stia a sinistra, alto come tutta la pagina, boxMain alla sua destra, e boxOggetti più piccolo sotto boxMain, ma comunque a destra di boxLeft.
Ma la proprietà overflow mi scasina tutto: boxOggetti va a finire a destra di boxMain (almeno con Firefox).
Come fare a evitarlo?
Rispondi quotando
