Footer ı Sayfa Altına Nasıl Sabitlerim?

Sayfa Dibine Yapışık Footer

Çoğumuzun karşılaştığı sorun aslında; sayfa içeriğimiz az olduğu zamanlarda footer div imizde yukarıya çıkmasıdır.Bunu javascript kullanmadan css yardımı ile sayfanın en altına nasıl sabitleriz onu anlatmaya çalışacağım.

Html kodumuz :

<div id="master">
    <div id="header">
        <h1>Deneme yazıları</h1>
    </div>       
    <div id="content">
        <div id="icerik">
        </div>

        <div id="sagAlan">
        </div>
    </div>
</div>
<div id="footer">
</div>

Css kodumuz :

html, body, #master {
height: 100%;
}
body > #master {
height: auto; min-height: 100%;
}
#content {
padding-bottom: 133px;
}

/* footer yukseligi ayni olmali */

#altAlan {
    position: relative;
    margin-top: -133px; /* footer yuksekliginin eksi degeri */
    height: 133px;
    clear:both;
}

Burada en çok dikkat etmemiz gereken kısım yukseklik padding ve margin kısımları aynı olmalıdır.