Staram się, aby moja stopka pozostała na dole mojej strony. Śledziłem wiele różnych samouczków (większość z nich bardzo podobnych) na lepkich stopkach, ale żaden z nich nie zadziałał dla mnie. Z jakiegoś powodu stopka przykleja się do dolnej części EKRANU zamiast STRON ...

To jest układ div w moim HTML:

<div id="wrapper">
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
</div>

To jest mój CSS:

html, body {
height: 100%;

#wrapper {
min-height: 100%;
position: relative;
}

#content {
position: absolute;
padding-bottom: 300px; (same as footer height)
}

#footer {
width: 100%;
height: 300px;
position: absolute;
bottom: 0px;
}