» »

pozicija divov

DarkSite ::

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 ::

Nevem, če sem tako na hitro vse prav razumel....
Ampak:
div.desni {display: none;} //kadar je div prazen, should do it

...

Zgodovina sprememb…

  • spremenil: kpkp ()

DarkSite ::

kpkp je 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%

kpkp ::

Kako bo pa določeno, kdaj bo in kdaj nebo contenta? Ker html/css in "logika" (oz. dynamic content, ajax) ne gredo najbolj skupaj, tako da boš verjetno rabil kak javascript.

DarkSite ::

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.

Zgodovina sprememb…

  • spremenilo: DarkSite ()

kpkp ::

Recimo, da se desni div generira programsko.

Potem boš še velikost nastavljal programersko, kolikor vem div-i se ne "zavedajo" svojih siblings-ov.

HardFu ::

Right div naj bo znotraj main diva, floatan desno.
http://codeable.io

kpkp ::

HardFu je izjavil:

Right div naj bo znotraj main diva, floatan desno.

In kako bo ta vplival na velikost left div-a?

Zgodovina sprememb…

  • spremenil: kpkp ()


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1295160768 (11421) Tody
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
6805 (752) amaze646
»

3 divi v divu in float

Oddelek: Izdelava spletišč
10977 (861) alexa-lol
»

Design 3 div okvirjev ?

Oddelek: Izdelava spletišč
7704 (623) mte
»

Tabele - problem

Oddelek: Izdelava spletišč
19614 (440) PicNiK

Več podobnih tem