dubbio css

Ciao a tutti... ho un dubbio su come scrivere un pezzo di codice del sito....

in pratica ho una struttura tipo:

<div id="mezzo" >

	<div id="left" class="float"  > 

	</div>
	
	<div id="main" class="float" > 

	</div>

</div>

#mezzo {
    margin: auto;
    width:1000px;
    text-align: left;

}	
#left {


    width:200px;
    text-align: left;
	margin-left:10px;
	background-color:#a4a1b7;
}	
#main {

   
    width:780px;
    text-align: left;
	background-color:#ffffff;
}

quindi diciamo che che il div mezzo contiene una colonna a sinistra e un corpo sulla destra...

ora, siccome queste saranno pagine dinamiche, e quindi non posso prevedere la lunghezza dei contenuti, come posso impostare che l'altezza main e left siano uguali, e che quindi dettano l'altezza di mezzo e che deve esser minimo xxx pixel?

[karl94]

Se #main e #left sono posizionati mediante float non è possibile.

quindi come mi consigli di procedere? siccome per me è il mio primo template....

[acsocmel]

http://www.alistapart.com/articles/fauxcolumns/
http://perishablepress.com/press/200...clearfix-hack/

usi min-height

Ovvero esempio:

#main {
min-height: 500px;
}

Oppure potresti mettere un' altezza fissa e far scorrere il testo all' interno tramite overflow..