Ciao,

devo realizzare un semplice layout a tre colonne usando div. Unica peculiarità è fornire la possibilità di "nascondere" una colonna settando (runtime) la relativa width:0px; (o in un altro modo se me lo suggerite).

Questo perché devo creare dei "template" per le pagine di un portale ed ogni div verrà usato come contenitore. In taluni casi solo due colonne (anzichè tre) servono, per cui la necessità è quella di potere "nascondere" una delle colonne, ma lasciare cmq alle altre la possibilità di usare lo spazio ad essa dedicato.

Per esercitarmi ho realizzato un layout a tre colonne usando solo float. Tuttavia quando imposto per la colonna più a destra width:0px; quest asparisce correttamente, ma la colonna centrale e di sinistra (contenute a loro volta in un div id="main con float:left) rimangono fisse alle dimensioni assegnate esplicitamente (giustamente). Tuttavia se per queste colonne imposto width:auto (o non imposto la width affatto) esse si prendono tutto lo spazio della pagina facendo scivolare in basso la terza colonna.

Come posso ottenere il layout voluto con la funzionalità di poternascondere dinamicamente una colonna?
Grazie