Rieccomi 
Tra ieri sera e oggi ho provato a mettere in pratica il tuo consiglio, ma non ci sono riuscito 
Ho riscontrato un paio di problemi...
Questo e' il <body> della pagina che ho provato a fare ridotto all'osso...
codice:
<div id="tutto">
<div id="title">
TITLE
</div>
<div id="right">
spazio vuoto
</div>
<div id="left">
corpo
</div>
</div>
E questo invece e' il codice CSS:
codice:
#tutto {
margin: auto;
height: auto;
width: 80%;
border: 5px solid red;
}
#title {
height: 70px;
border: 3px solid green;
}
#right {
width: 200px;
border: 3px solid yellow;
float: right;
}
#left {
width: 100%;
border: 3px solid blue
float: left;
}
Speravo che questo codice producesse un rettangolo dal bordo rosso contenente in testa un rettangolo dal bordo verde, sotto a destra una col bordo giallo e largo 200px e sotto a sinistra, alla stessa altezza del rettangolo giallo, un altro rettangolo, blu che ne completasse la lunghezza...
Invece mi ritrovo davanti un qualcosa di completamente diverso 
Dentro il rettangolo rosso c'e' solo il rettangolo verde, e sotto quello rosso ce n'e' uno giallo allineato a sinistra, e sotto ancora, uno blu che occupa tutta la riga da solo...
Dove ho sbagliato?
) allego quest'immagine che dovrebbe un po' chiarire cio' che voglio
Rispondi quotando
