e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
Lastnost position
in lastnost float določata, kako CSS2 določa algoritem lokacije, ki se uporablja za izračunavanje pozicij za celoten prostor.
Lastnost position
določa, ali lahko elementu spreminjamo njegovo lokacijo v odvisnosti na "običajno" postavitev na stran (kjer bi se element moral nahajati, če mu ne bi spremenili položaja) ali pa glede na celotno stran.
vrednost | opis | NN | IE | CSS |
---|---|---|---|---|
static | Element zaseda običajno postavitev, lastnosti left, right, bottom in top ni mogoče uporabiti. | 4 | 4 | 2 |
relative | Relativno predstavlja odmik glede na običajno postavitev na strani. | 4 | 4 | 2 |
absolute | Absolutna pozicija dovoljuje elementu, da je prikazan kjerkoli na strani. Pozicija se nastavi z uporabo: "left" - levo, "right" - desno, "top" - zgroaj ni "bottom" - spodaj. | 4 | 4 | 2 |
fixed | Fiksna pozicija je sorodna absolutni, razlikujeta se v tem, da je element postavljen absolutno, glede na okno brskalnika, šele na to se ozira na nastavitve strani, se pravi, da daje brskalniku višjo prioriteto. To pomeni, da element miruje tudi, če se pomikamo gor in dol po strani. | 6 | - | 2 |
p.prvi { position: absolute; bottom: 1in; left: 1in; right: 1in; top: 1in; }
→
Primer pozicioniranja glede na levi zgornji vogal/trenutni položaj
→
Primer pozicioniranja glede na desni spodnji vogal/trenutni položaj
→
Primer relativnega pozicioniranja
SERŠ Maribor : Strokovna gimnazija : 2004 : Jernej Dolinar