HTML (basic common markup)
<body>
<header></header>
<article></article>
<footer></footer>
</body>
CSS
html {
height: 100%;
}
body {
min-height: 100%;
position: relative;
}
body:after {
content: '';
display: block;
height: 100px;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
}
CSS - bessere Version
html, body {
height: 100%;
}
wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
content {
padding-bottom: 80px; /* Höhe des Footers */
}
footer {
position: absolute;
bottom: 0px;
width: 100%;
height: 80px;
position: fixed;
}