dunque ci sono alcuni errorini nel codice:
<div id=footer>footer</div> deve avere le virgolette => <div id="footer">footer</div>
visto che stai scrivendo in Xhtml tutti i tag vanno scritti minuscolo e i tag senza chiusura vanno chiusi con lo slash alla fine
Manca la codifica dei caratteri e il TITLE
Per quanto riguarda il problema degli spazi bianchi basta che non specifichi l'altezza height: 654px; per i div in cui l'hai inserita, altrimenti si genere un bug di IE (http://forum.html.it/forum/showthrea...hreadid=836956 http://forum.html.it/forum/showthrea...hreadid=819257 http://pro.html.it/articoli/id_525/i...pag_2/pag.html), visto che cmq le colonne si riempiranno poi di contenuti!
Se hai il problema di far arrivare il colore fino al footer usa la tecnica delle false colonne
ecco il codice, ora è anche validato
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" /> <link href="3c2pag.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>fa un po te</title> <style type="text/css"> body { font-family: Verdana,sans-serif; font-size: 10px; background: White; color: #7E4317; } #container { width: 772px; \width: 792px; w\idth: 772px; border: 1px solid #ff9900; margin-left: auto; margin-right: auto; } #header { padding: 1px 0px 1px 0px; background-color: rgb(213, 219, 225); height: 102px; } #content { margin-left: 213px; margin-right: 123px; background-image: url(img/content.gif); background-color: #fcc; } #sidebar_left { float: left; width: 213px; \width:223px; w\idth:213px; background-image: url(img/sb_left.gif); background-color: #eee; } #sidebar_right { float: right; width: 123px; \width:133px; w\idth:123px; background-image: url(img/sb_right.gif); background-color: #ccc } #footer { clear: both; } </style> </head> <body> <div id="container"> <div id="header">Header</div> <div id="sidebar_left">sidebar_left</div> <div id="sidebar_right">sidebar_right</div> <div id="content">content</div> <div id="footer">footer</div> </div> </body> </html>