Salve a tutti,
sto dando un restyling al sito ed eliminando i tag table, tr e td in favore dei div.

La mia homepage ha questa struttura:


Io ho pensato ti mettere questo css:

codice:
body {
	background: url(../img/bg_page.jpg);
	background-color: white;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: black;
	
}


.container {
    width: 980px;
	height:100%;
	margin: 0 auto;
    background:transparent url(../img/bg_transparency_ffffff.png) repeat scroll 0 0;
    border: 1px solid black;   
}

.topsection1{
background: #EAEAEA;
height: 109px; /*Height of top section*/
}

.topsection2{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

.centercolumn{
width: 300px; /*Width of left column in pixel*/
margin-left: 380px; /*Set margin to that of -(MainContainerWidth)*/
background: white;
vertical-align:top;
}

.leftcolumn{
width: 370px; /*Width of left column in pixel*/
margin-left: -980px; /*Set margin to that of -(MainContainerWidth)*/
background: green;
vertical-align:top;
}

.rightcolumn{

width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
background: red;
vertical-align:top;
}

.footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
ed un codice html simile a questo:
codice:
<body>	
		<div class="container">		
			<div class="topsection1"><? include "menu.php"; ?></div>
				<div class="topsection2"><? include "topbar.php"; ?></div>
				<div class="centercolumn"><? include "content.php"; ?></div>
<div class="leftcolumn">left</div>										
				<div class="rightcolumn">rigth</div>
				</div>
	</body>
ma non funziona, dove sbaglio? Poi non ho ancora aggiunto il footer e sopratutto quel blocco che come vedete dall'immagine sta sotto le prime due colonne e prende lo spazio di entrambe.