Come impedire che i div si sovrappongano ridimensionando la finestra del Browser?

[Luca_pluatrco]

Ciao,

ho realizzato un layout tramite float (e uno con stesso layout, ma fixed e ancora devo capire/valutare quale sia migliore dovendo realizzare un layout a tre colonne per un portale complesso, dove dentro ai div devo poter inserire componenti RAD controls e ASP.NET di diversa natura/dimensione, suggerimenti a riguardo?).

Tornando al punto principale, quando riduco notevolmente la finestra del broser (da sx verso dx) la colonna di dx si sivrappone a quella centrale per poi passare sotto di essa.

Qui il codice CSS:

#left 
{
width: 200px;
padding: 2px;
margin: 15px 5px 5px 20px;
float:left;	
background-color:#ccc;
}

.content
{
	min-width: 80px;	
background: #ddd;
background-repeat:repeat;
margin: 15px 200px 5px 230px; 
padding: 2px;
}

#right 
{
margin: 15px 20px 0 0;
float:right; 
width:170px;
height: 100%;
background-color:Yellow;
border:1px solid #f00;
}


#footer
{
clear:both;
margin-top: 5px;
width: 100%;
padding:1px 0;
background: Red;
color: #000;
}

E qui quello HTML:

 
     <div id="left">
       


         LEFT PANEL - 	
Siamo sulla il giorno lavorativo successivo la presente pubblicazione ritornare alla compagnia aerea richieste, e quindi nel giro di 24 ore per telefono o per via elettronica (via e-mail) dire se questo distacco è andato. Come noi e la compagnia aerea per un grande sforzo deve (fax / e-mail all'estero, ecc), si può solo accettare prenotazioni, il cliente della sua natura. Che significa: Se la domanda e il successo desiderato accordo può essere confermata, si tratta di un contratto e la prenotazione è vincolante per entrambe le parti.
       </p>
     </div>
       
 <div id="right">
   


    RIGHT PANEL...with some content.....RIGHT PANEL...with some content
   </p>
 </div>
 
  <div class="content">
   


     MAIN PANEL AREA       MAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREAMAIN PANEL AREA
   </p>       
 </div> 
 
  <div id="footer">
   


     FOOTER
   </p>
 </div>

Come/cosa devo modificare il codice in modo che i contenitori delle varie colonne non si sovrappongano, ma permettendo ugualmente alla colonna centrale di "adattarsi" alla larghezza della finestra?

Grazie

[Mich_]

La colonna centrale deve essere flottata, e non avere margini importanti a dx e sinistra.

Comunque ti conviene partire da un layout pronto: ce ne sono parecchi nei rierimenti citati nei "link utili"