b{}xm{}dels.toxin.hu

Kezdjük is egyből a példafájl-on való kattintással, és egy kis lapgörgetéssel, láthatjuk, hogy a fix pozicionálású modellt használó elemek külön rétegbe kerültek és pozíciójuk a látótérhez képest rögzült (kivéve ie6 alatt ahol ez a modell nem elérhető, csak hatása reprodukálható egy kis nagy trüközéssel). Lássuk akkor ezen modell további tulajdonságait:

Az általános minta a következő:

SELECTOR { position:fixed; z-index:VALUE;
width:+VALUE; left:±VALUE; margin-left:±VALUE;
right:±VALUE; margin-right:±VALUE;
height:+VALUE; top:±VALUE; margin-top:±VALUE;
bottom:±VALUE; margin-bottom:VALUE; }

tulajdonságai:

• rögzült pozíció a látótérhez képest saját rétegezési kontextust létrehozva
• kezdeti megjelenítési pozíció megegyezik az abszolút pozicionálási modelléval, kivéve hogy a legközelebbi pozicionált ős nem számít csak és kizárólag az aktuális látótér dimenziói
• ezen modell leginkább a különböző fixen pozicionált menük, toolbar-ok, gombok stb. megjelenítésére szolgálna, de ahogy kollégám is mondta “a kutya nem használja” , lehet vitatkozni vele

ahogy már írtam ie6 nem kezeli fenti linken elérhető a javítás ill. egy erre épülő limitált tudású demo-t én is bepötyögtem, toFixed(["fixed-one","fixed-two"]) a helyén tartja az elemeket ie6 alatt.

Hajrá CSS