U ovom postu ćemo objasniti kako da iskoristite prednosti apsolutnog CSS pozicioniranja, korišćenjem jednostavnog trika sa relativnim pozicioniranjem.

Elemenat stranice sa relativnim pozicioniranjem daje vam kontrolu nad apsolutnim pozicioniranjem elemenata naslednika unutar njega.

Za neke iskusnije poznavaoce CSS-a ovo je verovatno očigledno, dok za druge može biti pravo otkriće. Svakako, prvi put saznate za ovaj trik može izgedati kao velika stvar.

Ovde možete pogledati vizuelni prikaz:

apsolutno-i-relativno-pozicioniranje-01

Relativno CSS pozicioniranje na divu roditelju je ovde ključno. Pogledajte šta bi se desilo ukoliko bi ga izostavili.

apsolutno-i-relativno-pozicioniranje-02

Možda vam se izgleda nista spektakularno na ovom malom primeru, ali to je zaista korisna opcija.

Ono što se ovde dešava je da se apsolutno pozicionirani elemnenti pozicioniraju u odnosu na body umesto na svog direktnog roditelja. Ako bi browser prozor rastao, div koji se nalazi na dnu bi ostao zalepljen na dnu prozora browsera, za razliku od prvog primera elementa koji se drži pozicije u odnosu relative div.

Kada jednom iskušate ovaj koncept sigurni smo da ćete naći mnogo sutiacija gde možete da iskoristite ovaj trik.

Jovan Ivezic

E-business and internet marketing specialist.