[es] - Dilema u vezi sa CSS2 box modelom

BlueIce
Marko Marić
Novi Sad

Član broj: 4448
Poruke: 215
*.ftn.ns.ac.yu

Profil

^{15.06.2004. u 14:50 - pre 254 meseci}

Jedan od najklasičnijih box modela je najverovatnije je ovaj sa slike:

Znam da se CSS-om ovo da jednostavno lako rešiti koristeći apsolutno pozicioniranje na stranici, ali ja bih voleo da nađem način da mogu da koristeći neapsolutna pozicioniranja i neapsolutne veličine da rešim taj problem.

Zašto želim tako?
1. Zato što je na onom modelu jedini obavezan deo "main content" dok se ostali mogu pojavljivati i nestajati nasumično. Znači u zavisnosti da li se jedan blok pojavi u XHTML kodu želim da se onj prikaže ili ne prikaže, naravno ne sa "rupama" koje bi onda najverovatnije nastale.
2. Uzmimo da se u header delu nalazi jedna slika (logo u npr gornjem levom uglu). Ako bih koristio fiskno pozicioniranje i veličine onda bi slika morala uvek da bude tačno nekih dimenzija, što svakako ne želim.
3. Dobar deo CSS koda se može koristiti i za druge medije
4. Prilikom zoom in/out operacija može doći do deformisanja layout-a.

Drugim rečima kako napraviti ovakav elastic fluid box?

Prikačeni fajlovi

box-model.png - 2.42k

Odgovor na temu

-zombie-
Tomica Jovanovic
freelance programmer
ni.ac.yu

Član broj: 4128
Poruke: 3448
*.beotel.net

Sajt: localhost

+5 Profil

Re: Dilema u vezi sa CSS2 box modelom

^{04.07.2004. u 16:34 - pre 253 meseci}

nisam siguran da sam razumeo sve zahteve, ali ima mnogo rešenja za "css 3 column layout", i većina (dobrih) ni ne koristi apsolutno pozicioniranje, već float-e. evo samo nekih (verovatno boljih) na koje sam ja naišao, pa ti proberi šta ti odgovara..

http://www.positioniseverything.net/guests/3colcomplex.html
http://www.positioniseverything.net/piefecta-rigid.html
http://glish.com/css/2.asp
http://glish.com/css/3.asp
http://css.maxdesign.com.au/floatutorial/tutorial0916.htm
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.webproducer.at/flexible-layout/
http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml

a što se tiče zahteva da prazne sporedne kolone (automatski) budu i nevidljive, nisam siguran da i jedan navedeni dizajn zadovoljava to, ali ih sigurno nije teško modifikovati, i imati 3-4 verzije CSSa, pa ih menjati programski, zavisno od slučaja..

blogče :: unescaped beta^{^» ^{go-paste extenzija} ^» ^{reč dana: backup} ^» ^{bočne koalicije}}

Odgovor na temu