# Footer Alignment

**URL:** <https://forum.kirupa.com/t/footer-alignment/221243>\
**Category:** web dev\
**Created:** [April 2, 2007, 8:13pm UTC](https://forum.kirupa.com/t/footer-alignment/221243 "2007-04-02T20:13:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![shlauncha](https://avatars.discourse-cdn.com/v4/letter/s/b9e5f3/32.png) [@shlauncha](https://forum.kirupa.com/u/shlauncha)\
**Post date:** [April 2, 2007, 8:13pm UTC](https://forum.kirupa.com/t/footer-alignment/221243/1 "2007-04-02T20:13:05Z")

</div>

I am currently building a css website for a client and I want to include a footer at the bottom with contact information. In my style sheet, i was using the code:

```auto

#footer {
text-align: right;
color: #454f56;
margin-bottom: 0;
padding-top: 7px;
padding-bottom: 7px;
font-size: 10px;
font-weight: bold;
padding-right: 0px;
position: fixed;
bottom:0px;
}

```

But depending on the length of the main content, the footer would overlap the content. What I am looking to do, is if the content is shorter than the browser, then the footer would be at the absolute bottom, but otherwise, below the content. Is this possible?

Also, I would like to center the text without using the p align function, what would be the easiest way to do that?

Thanks,  
Dan