Hmmm, zacznijmy od position: fixed. Powoduje ono, że element "przykleja się" do okna przeglądarki, czyli jest zawsze na wierzchu, i zawsze w tym samym miejscu ekranu. Jak widzisz takie menu, które jest "przyklejone" do góry ekranu i mimo, że scrollujesz do dołu znajduje się ono przy górnej krawędzi ekranu, jest to na pewno position: fixed. Teraz position: absolute, jest to pozycjonowanie absolutne, czyli element będzie się znajdował x px od górnej krawędzi STRONY (nie ekranu), y od prawej, z od dolnej i v od lewej. Do ustawienia tych wartości służy css'owe property "top", "Right", "left", oraz "bottom". A na koniec position: relative. Jest to pozycjonowanie relatywne, czyli takie jak absolute, tyle, że pozycjonujemy według elementu rodzica. Czyli, jeżeli mamy dwa divy o nazwach "left" i "Right" które mają ustawione width: 50%, i mamy diva w divie "Right" o nazwie "Inside" z nadanym position: relative, top:10 px, oraz left: 50 px, to div Inside będzie znajdował się 50px od lewej krawędzi diva "Right" i 10px od jego górnej krawędzi. Tak wiem, nie umiem tłumaczyć, nie podałem kodu (bo piszę z telefonu), ale mam nadzieję, że zrozumiesz
↧