chevron-left chevron-right

[CSS] Stopka zawsze na dole okna przeglądarki

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:

<div id="tresc">
</div>
<div id="stopka">
</div>
Natomiast kod CSS dla stopki wygląda następująco:
#stopka {
	position: fixed;
	height: 40px;
	background: #993300;
	bottom: 0;
}
W ten sposób zawsze osiągniecie efekt zatrzymania stopki w dolnej części okna przeglądarki.
Tutaj jest demo: stopka na dole przeglądarki