WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Rögzített helyzetmegadás (fixed)



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 pozícioná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