položaj Za što se koristi?
1. statički (zadano)
- Elementi su postavljeni prema normalnom tijeku dokumenta.
- To je početna vrijednost i ne utječe na pozicioniranje elementa.
- Statički pozicionirani elementi nisu pod utjecajem svojstva položaja njihovih nadređenih elemenata.
2. rođak
- Elementi su postavljeni relativno u odnosu na svoj normalni položaj.
- Položaj elementa se pomiče za navedene pomake bez utjecaja na izgled ili položaj drugih elemenata.
- Pomaci su specificirani pomoću svojstava top, right, bottom i left.
- Relativno pozicioniranje obično se koristi za mala podešavanja repozicioniranja.
3. apsolutni
- Elementi su smješteni apsolutno unutar elementa koji ih sadrži ili najbližeg pozicioniranog pretka.
- Položaj elementa potpuno je uklonjen iz normalnog toka dokumenta.
- Apsolutno pozicioniranje obično se koristi za elemente za koje je potrebno precizno postavljanje i slojevitost, npr. skočni prozori, opisi alata ili elementi preklapanja.
4. fiksno
- Elementi su postavljeni i fiksirani u odnosu na okvir za prikaz, zadržavajući svoj položaj čak i dok se korisnik pomiče po stranici.
- Fiksno pozicioniranje korisno je za stvaranje elemenata koji ostaju vidljivi i dostupni bez obzira na položaj pomicanja korisnika, npr. navigacijske trake, bočne trake ili lebdeći oglasi.
5. ljepljivo
- Ljepljivo pozicioniranje kombinira aspekte relativnog i fiksnog pozicioniranja.
- Elementi se ponašaju kao relativno pozicionirani elementi dok ne dosegnu određenu točku pomicanja. U tom trenutku postaju fiksirani i ostaju zaključani za okvir dok se položaj pomicanja ne promijeni.
- Ljepljivo pozicioniranje obično se koristi za zaglavlja ili podnožja koja ostaju vidljiva dok se korisnik pomiče po stranici, stvarajući fiksno iskustvo navigacije.
Odabir odgovarajućeg načina pozicioniranja ovisi o željenom ponašanju i izgledu elementa unutar web stranice.