Div container con più backgound

[GunraY]

Ciao a tutti.
per il mio layout ho creato un div container che conterrà tutto il resto. Vorrei fare in modo di cambiare il background di sto div (sto usando le false colonne) in maniera semplice, invece di creare più div#container (che so, div#containerleft e div#containerright). ho provato a fare
div#container .left{...}
e a mettere nella pagina:
<div id="container" class="left">... ma non va.
Suggerimenti?
Spero di essere stato chiaro.

[pierofix]

Not at all.

[GunraY]

cioè non sono stato chiaro?
allora, immagina di voler usare le false colonne. quindi metti come background del div container (quello che contiene tutto) l'immagine di sfondo che funge da finta colonna.
Ma se volessi, a seconda della pagina, avere la finta colonna a sinistra o a destra? devo creare due div container diversi (con quindi un background:url diverso) o posso risolvere in altra maniera? mi spiego ancora meglio,
io vorrei una situazione così:

//CSS
div#container{blah blah blah}
div#container .left{background:url(imgleft.jpg) repeat-y top left}
div#container .right{background:url(imgright.jpg) repeat-y top right}

per poter poi "switchare" a seconda della pagina la colonna, da destra a sinistra a piacimento.

Oppure mi tocca usare due div container, identici tranne che per il background?

[Mich_]

un id="..." deve essere unico nel documento.
Quindi non puoi avere due id="container" uguali (credo sia questo che voleva dire Piero).

Puoi cambiare la classe di un div, anche dinamicamente conJS:
document.getElementById('ID_OGGETTO').className = 'nuovaclasse';

Oppure puoi cambiare un attributo dei CSS:
document.getElementById('ID_OGGETTO').style.backgr oundImage = 'url(nuovaimm.gif)';

[GunraY]

non mi sono spiegato ancora
con div uguali intendevo con le stesse identiche caratteristiche (tranne il background) ma con, ovviamente, nomi diversi, tipo div#containersx e div#containerdx.
e quindi le pagine con colonna a sx userebbero il div#containersx... questa è una soluzione.
Quello che mi chiedo è: invece di creare sti due div, posso usare un unico div#container, e creare le classi
div#container .sx{background:url(...)} e
div#container .dx{background:url(...)}
? Mi sembra più elegante, ma non riesco a farla funzionare.

[Mich_]

Questo lo puoi fare.

Forse ti baste definire la classe:
.sx{background:url(...)}
.dx{background:url(...)}

altrimenti intendo un oggetto di classe "sx" contenuto dentro l'oggetto div#container

Nota: invece left e right non sono nomi validi (sono usati dal DOM).