Questo è uno schema classico, io vorrei fare questo invece:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<style type="text/css">
body {text-align:center;}
#contenitore{ width:90%; margin:0 auto; text-align:left; }
#header{ height:180px; }
#sinistra{ width: 230px; float:left; height:200px; }
#destra { position:relative; margin-left:230px; padding-left:15px; }
#footer { clear:left; }
</style>
</head>
<body>
<div id="contenitore">
<div id="header"> header</div>
<div id="destra">contenuto destra </div>
<div id="sinistra"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div>
<div id="footer"> contenuto footer</div>
</div>
</body>
</html>
E' un capriccio ma vorrei scrivere prima la colonna di destra per due motivi:
La colonna di sx ha degli elementi esterni che potrebbero caricarsi lentamente
Preferisco che zio Google legga prima quello che è scritto a dex
Puoi vedere che la colonna di sx "scivola sotto a quella di dx"... se metto un position:absolute;top:0; nello style di SX è ok ma il footer lo sovrascrive.
Grazie mille cmq per la partecipazione alle mie elucubrazioni mentali.
