Layout a 2 colonne dinamico

[cigno]

Ciao tutti...
ho un problema da risolvere

Ho fatto una pagina con due div affiancati...
Tramite un javascript posso nascondere o visualizzare il div di sinistra.

Come posso fare in modo che quando nascondo il div di sinistra, il div di destra si allarghi prendendo anche il posto che il div di sinistra ha lasciato vuoto?

Es.

dix sx 200 / div dx 800

Quando div sx è nascosto, div dx = 1000

[gengix]

Vai ad intervenire dinamicamente sugli stili del div dx e reimposti a quest'ultimo il valore della proprietà width.
A mio avviso dovresti postare nella sezione javascript.

[Mich_]

A mio parere un layout fisso non dovrebbe superare gli 800 px, altrimenti obblighi molti ad usare lo scroll orizzontale (cosa che personalmente odio).

Un layout fluido ti permette di adattarsi in modo automatico. Vedi i numerosi esempi che si trovano in rete; alcuni sono citati anche tra i "link utili".

Comunque ecco alcuni esempi di istruzioni JS per modificare gli attributi CSS:
document.getElementById('ID_OGGETTO').style.width = "800px";
document.getElementById('ID_OGGETTO').style.width = JS_VAR+"px";
document.getElementById('ID_OGGETTO').className = "NUOVACLASSE";

dove:
ID_OGGETTO e` il nome definito dall'attributo HTML id=
JS_VAR e` una variabile JS che contiene un valore numerico intero
NUOVACLASSE e` il nome di una classe definita nel CSS della pagina

[cigno]

Guardando bene ho notato che il problema sta nella tabella contenuta dal div dx... se la metto di larghezza al 100% mi manda tutto a capo se invece tolgo quel parametro il div sta perfettamente allineato ma nel momento in cui vado ad oscurare il div sx ovviamente la tabella non prende la larghezza di tutta la pagina!!!!

[cigno]

document.getElementById('ID_OGGETTO').style.width = "800px";

Sei un genio ragazzo!!!!!!!!!!