Ways to stick footer to the bottom a page

Question

I followed the How do you get the footer to stay at the bottom of a Web page? post on stackoverflow...

But i couldn\'t make it too work in an asp.net web applicatio

Answer 1

I suggest to use a div like

<div id="Footer"> content </div>

then in your css put this

#Footer
{
    position: absolute;
    bottom: 0px;
    height: 3px;
    background-color: #666;
    color: #eee;
}

or you can use AjaxControlToolkit library

---

I Also strongly recommand you change your layout from Table to div

Answer 2

I'm would also recommend a div structure using floating.

Markup:

<div class="bodyWrap">
  <div class="header">
    <!-- Insert content here -->
  </div>
  <div class="content">
    <!-- Insert content here -->
  </div>
  <div class="footer">
    <!-- Insert content here -->
  </div>
  <div style="clear:both"></div>
</div>

Css:

.bodyWrap
{
 width: 500px;
}
.header, .content, .footer
{
 width: 100%;
 float:left;
}

Answer 3

I liked below better. It only works with an id and not with a class.

<div id="Footer"> content </div>    
#Footer {
                    position: fixed;
                    bottom: 0px;
        }