The CSS

#footer {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#999;
}
/* IE 6 */
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight
? document.documentElement.clientHeight :
document.body.clientHeight)+(ignoreMe =
document.documentElement.scrollTop ?
document.documentElement.scrollTop :
document.body.scrollTop))+'px');
}

Demo:

Check This Footer Page

Header
Content
THE STICKY WILL BE APPEARED ON BOTTOM THIS PAGE
Additional Content

Done. I Hope this article (CSS sticky Fixed Footer) be help you

Incoming Terms: CSS Sticky Footer | Fixed Footer | CSS Sticky Bottom Page | Sticky Bottom Fixed | Sticky Fixed Bottom | CSS Sticky