# CSS centered div, flush with bottom

**URL:** <https://forum.kirupa.com/t/css-centered-div-flush-with-bottom/175890>\
**Category:** web dev\
**Created:** [January 18, 2006, 4:58pm UTC](https://forum.kirupa.com/t/css-centered-div-flush-with-bottom/175890 "2006-01-18T16:58:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![revelations1318](https://avatars.discourse-cdn.com/v4/letter/r/8c91f0/32.png) [@revelations1318](https://forum.kirupa.com/u/revelations1318)\
**Post date:** [January 18, 2006, 4:58pm UTC](https://forum.kirupa.com/t/css-centered-div-flush-with-bottom/175890/1 "2006-01-18T16:58:58Z")

</div>

hey, i’m trying to make a footer…flush with the bottom of the page…and centered…in CSS.

CSS:

> body {margin: 0px; padding: 0px; text-align: center;}

#footer {width: 700px; height: 20px; position: absolute; bottom: 0px; margin: 0px auto; background: url(‘footer.gif’);}

the page itself is [http://www.freewebs.com/federationstest/links.htm](http://www.freewebs.com/federationstest/links.htm)

Any help greatly appreciated!

P.s. i know i can make it work if i use the HTML \<center\> tags and remove the css centering commands but centering in html…_vomit_