Pozycjonowanie - CSS

Pozycja ustalona {position: fixed}

Jak ustawić element, aby nie przesuwał się podczas przewijania strony?

selektor { position: fixed; parametry }

Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów].

Natomiast jako "parametry" należy podać:

left: wartość - odległość od lewej krawędzi okna
top: wartość - odległość od górnej krawędzi okna
right: wartość - odległość od prawej krawędzi okna
bottom: wartość - odległość od dolnej krawędzi okna

Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi okna przeglądarki. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Podanie auto oznacza położenie automatyczne. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px.

Polecenie to działa podobnie jak pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło.

UWAGA! Polecenie nie interpretuje MSIE 6.0. W MSIE 7.0 wszystko jest w porządku, ale nie w trybie Quirks.

Przykład {position: fixed}

Przykład

Komentarze

Zobacz więcej komentarzy