<p>Is it possible to create a footer div that sits at the bottom of a site regardless of how much information is present in the middle?</p>

<p>Currently the div I have is positioned depending on how much content i have in the body.</p>

<blockquote>
  <h3>See also:</h3>
  
  <p><a href="https://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay-at-the-bottom-of-a-web-page">How do you get the footer to stay at the bottom of a Web page?</a></p>
</blockquote>

I am by no means a css expert, but this works for me across the major browsers:
```
```
.d_footer
{
    position:fixed;
    bottom:0px;
    background-color: #336699;
    width:100%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:#ffffff;
}
```
```