A böngészőablak látható részéhez rögzített lesz a HTML elem, és így mindig látható marad. A független helyzetmegadás speciális esete, ahol a képernyő a viszonyítási pont.
A top, left, bottom, right tulajdonságok értékeivel pozicionálhatjuk.
A független helyzetmegadás lehetővé teszi például nyomtatásnál, hogy minden oldalon elhelyezzük a cég nevét, logóját elérhetőségét...
A tartalom fixen felett elhelyezett reklámok megvalósítására is felhasználható, de ez a megoldás a látogató bosszantása révén vissza is üthet.
A helyzetmegadás fajtájának beállítása:
kijelölő
{
position
:
fixed;
}
1. példa:
A felső elem pozíciója görgetésnél sem változik.Forráskód
<style>
.tarolo {position:relative;...}
#fent {position:fixed; top:0; left:0; z-index:100;}
#bal {position:absolute; top: 40px; left: 0; }
#jobb { position:absolute; top:40px; right:0; }
</style>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_position_fixed_01.html