logo

Lekcja 5: Pozycjonowanie

Za pozycjonowanie elementów na stronie odpowiada właściwość position.Wtedy nie używamy już właściwości float.


Wartości position: static | relative | absolute | fixed


static

Jest to domyślna wartość, elementy posiadające pozycję static nie mogą ulec procesowi pozycjonowania za pomocą właściwości top, right, bottom, left. Elementy układają się jeden pod drugim.


relative

Właściwości left, right, top, bottom przesuwają pozycjonowany element względem jego lewego górnego narożnika. Nie wpływa swoim rozmiarem na rozmiar lub ułożenie innych elementów


absolute

Właściwości left, right, top, bottom przesuwają pozycjonowany element względem całej strony. Nie wpływa na inne elementy.


fixed

Nie ma wpływu na inne elementy. Ustawia położenie względem okna przeglądarki.


Istnieje również pozycjonowanie kontekstowe - tzw. względnie bezwględne. Element zewnętrzny ustawiamy jako position: relatve, natomiast wewnętrznemu - position: absolute. Element wewnętrzny pozycjonujemy wstedy względem całego elementu zewnętrznego.