HTML BÖlüm kodları

--------------------

<div id="wrapper">
    <div>sitenin bütün içeriği buraya gelecek</div>

    //footer yüksekliği kadar hayali bir alan açıyoruz.
    <div class="footer-ghost"></div>
</div>

<footer>
    footer
</footer>

CSS Bölüm Kodları
----------------------------

html, body {
    height: 100%;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -100px; //değeri footer yüksekliği kadar veriyoruz
}
.footer-ghost {
    height: 100px; //değeri footer yüksekliği kadar veriyoruz.
}
footer {
    //footer için css kodları 

}