[CSS] Stopka zawsze na dole okna przeglądarki
Ten wpis ma 17 lat. Od tego czasu przeglądarki i narzędzia mogły się zmienić, więc zanim użyjesz kodu, sprawdź go z aktualną dokumentacją.
Dzisiaj przedstawię krótką poradę dotyczącą sposobu umieszczenia stopki tak, aby znajdowała się ona zawsze na dole okna przeglądarki.
Nasz kod HTML wygląda tak:
Natomiast kod CSS dla stopki wygląda następująco:
<div id="tresc">
</div>
<div id="stopka">
</div>
W ten sposób zawsze osiągniecie efekt zatrzymania stopki w dolnej części okna przeglądarki.#stopka {
position: fixed;
height: 40px;
background: #993300;
bottom: 0;
}
Tutaj jest demo: stopka na dole przeglądarki
O autorze
