Scusate se scrivo ancora, spero di non essere accusato di spam, ma sto ottenendo nuovi risultati apportando delle modifiche e vorrei renderle note a tutti.

Se setto la lunghezza di html e body al 100%, allora il container sarà lungo tutta la pagine e le tre colonne al suo interno. Ma non va bene perchè se il testo è molto e supera la lunghezza della pagina allora iniziano dei casini.

Finora la soluzione migliore e più pulita è la seguente:

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 http-equiv='Content-Type' content='text/html; charset=utf-8' />

<style type='text/css'>

body
{
	background-color: #d7e3e5;
}

#great
{
	margin:0 auto;
	width:1000px;
}


#container
{
	background-color:#7ba3ab;
	width:1000px;
	height:100%;
	float:left;
	margin: 0 auto;
	border-radius: 10px;
    	-moz-border-radius: 10px; /* firefox */
        -webkit-border-radius: 10px; /* safari, chrome */
}

#leftside
{
	background-color:lightgrey;
	width:100px;
	min-height:100%;
	margin:15px;
	float:left;
	border-radius: 10px;
    	-moz-border-radius: 10px; /* firefox */
        -webkit-border-radius: 10px; /* safari, chrome */
}

#center
{
	background-color:lightgrey;
	width:740px;
	min-height:100%;
	margin:15px 0px;
	float:left;
	border-radius: 10px;
            -moz-border-radius: 10px; /* firefox */
            -webkit-border-radius: 10px; /* safari, chrome */
}

#rightside
{
	background-color:lightgrey;
	width:100px;
	min-height:100%;
	margin:15px;
	float:left;
	border-radius: 10px;
            -moz-border-radius: 10px; /* firefox */
            -webkit-border-radius: 10px; /* safari, chrome */
}

#footnote
{
	background-color:#7ba3ab;
	text-align:center;
	width:1000px;
	height:30px;
	margin: 10px auto;
	border-radius: 10px;
            -moz-border-radius: 10px; /* firefox */
            -webkit-border-radius: 10px; /* safari, chrome */
}

</style>

<title>Untitled Document</title>

</head>

<body>

<div id='great'>
<div id='container'>

	<div id='leftside'>
    	

 Qui ci sarà il menù laterale. blablabla bla blabla blablabla bla blabla </p>
    </div>
    
    <div id='center'>
    	

 Qui ci sarà il main. </p>
    </div>
    
    <div id='rightside'>
    	

 Qui ci saranno i banner.  blablabla bla blabla blablabla bla blabla blablabla bla blabla blablabla bla blabla</p>
    </div>

</div>
</div>
<div style="clear:both"> </div>
<div id='footnote'>
	

 Qui ci saranno i diritti</p>
</div>

</body>
</html>
Ovvero settare il div container come float:left, però per centrarlo va a sua volta inserito in un altro div che si centrerà ma che, come succedeva prima di questa modifica allo stesso container, non "conterrà" propriamente i div al suo interno.

Inoltre per poter inserire del margine tra i div centrali ed il footer, non capisco perchè ma devo inserire tra loro un div con clear:all... Mentre se inserisco questa opzione nel div stesso del footer il margin-up continua a non funzionare...

L'unico problema è che in ogni caso finora non sono riuscito a fare in modo che le tre colonne abbiano la stessa lunghezza fissata alla maggiore delle tre...

Continuerò a fare delle modifiche e continuerò ad aggiornarvi sperando che tutto questo possa servire almeno a qualcun altro..