pozicija divov

Lp

Rabim pomoč pri poziciji DIV-ov. Rešitev pa mora podpirati vse browserje, torej FF, IE6, IE7, IE8, IE9, Chrome, Opera.

Problem je sledeč:
1) Main div ima določeno fixno širino.
2) Left div bo vedno poln(viden).
3) Right div bo lahko viden(poln) ali neviden(prazen).
4) Če je div prazen oz. neviden, ne sme imeti nobene širine ali padinga, torej da ne zasedena nobenega prostora.
5) Ko bo right div neviden(prazen), potem mora left div izkoristiti celoten prostor 100%
6) Ko bo right div viden (poln), potem si morata prostor deliti(50% 50% ali 40% 60% ... odvisno od nastavitve)

HTML:
:div id="main":
:div class="left":DIV-1:/div:
:div class="right":DIV-2:/div:
:/div:

CSS:
#main {width:600px}
...
...
rešitev?

kpkp je 12. maj 2011 ob 19:46 izjavil:

Nevem, če sem tako na hitro vse prav razumel....
Ampak:

div.desni {display: none;} //kadar je div prazen, should do it

...

ne pride v postev...

div levi (vedno poln)
div desni (ima ali nima contenta)(ne more biti display:none). Če bo torej desni prazen, brez contenta. Potem mora levi zavzeti 100% prostor oz saj 99%

pa sej ni važno kako bo prišel content v ta desni div.

vprašanje je samo, če sa da pozicinonirati 2 diva z cssjem glede na zgornje pogoje.

DODATEK:

Recimo, da se desni div generira programsko.
Kako napisati CSS za oba diva, da bo:
1) Levi div 100%, če ne bo desnega
2) Če bo tudi desni, da bosta oba na 50% ali v kakem drugem razmerju.

Right div naj bo znotraj main diva, floatan desno.