Przejdź do treści

Pozycja statyczna {position: static}

Jak przywrócić domyślny sposób ustawienia elementu wypozycjonowanego?

selektor { position: static }
Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów].

Przywraca normalne pozycjonowanie elementu. Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu).

Przykład {position: static}

Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka:

📋 Zaznacz kod ▶ Edytuj na żywo

h1 { position: relative; left: 50% }
to teraz wszystkie tytuły h1 byłyby pozycjonowane względnie. Ale jeśli chcielibyśmy zrezygnować z pozycjonowania dla kilku wybranych elementów, wystarczyłoby wpisać position: static w definicji inline.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
Poziom wsparcia
min. 2,5 roku
position: static1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%

Komentarze #

  • z3c43r
    z3c43r

    20.03.2022 18:45
    Dzięki :lol:
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    08.05.2021 23:45
    To pytanie raczej nie ma wiele związku z pozycjonowaniem CSS ;-) W związku z tym proponuję go zadać we właściwym dziale na forum.
    Zobacz więcej

  • Gość
    Gość

    08.05.2021 21:43
    Mogę mieć jeszcze jedno pytanie? Skąd wziąć rysunek tej wtyczki facebooka i jak dodać, żeby na stronie uaktualniało się ile osób lubi profil?
    Zobacz więcej

  • Gość
    Gość

    03.05.2021 18:49
    Dziękuję bardzo :) Udało mi się wszystko zrobić
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    27.04.2021 17:43
    Jeżeli menu z linkami ma być ponad, a nie po lewej stronie treści - tak jak to było w oryginale w tym szablonie - to w arkuszu stylów trzeba usunąć styl "float: left" dla elementów #MENU i #TRESC.
    Zobacz więcej

  • Gość
    Gość

    27.04.2021 17:19
    Dziękuję bardzo. Działa :D Jak fajnie, że są ludzie, którzy bezinteresownie pomagają. Jeszcze mam ostatnie pytanie. Jak zrobić, żeby w zakładce kontakt dane teleadresowe były po środku? Center nic nie daje.
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    26.04.2021 20:48
    Nie jestem pewny, o które zdjęcia "przy tabelce, a nie nad nią" chodzi. Ale zakładam, że miało być coś takiego: [...] Natomiast jeśli zdjęcia mają być z prawej strony jedno pod drugim, można to zrobić np. tak...
    Zobacz więcej

  • Gość
    Gość

    26.04.2021 20:34
    Nie chciałam kryptoreklamy tu robić ze stroną firmową, ale jak można adres wstawić:
    www.niemieckiewiertla.pl
    To chodzi o te zdjęcia przy tabelce, a nie nad nią
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    25.04.2021 17:56
    Podaj link do strony. Być może wtedy ktoś będzie w stanie Ci pomóc.
    @amongs: Spróbuj ująć widżet social medów w dodatkowy element <div style="float: right">...</div>. Dopilnuj przy tym, aby znajdował się on na samym początku stopki albo ewentualnie bezpośrednio przed nią...
    Zobacz więcej

  • Gość
    Gość

    25.04.2021 16:59
    A co z moją tabelką? Post z 21.04. Pomoże ktoś?
    Zobacz więcej

Zobacz więcej komentarzy

Facebook