Locking your footer to the bottom of your Page

The Code:

Using an embedded style format two division. The height of the main division is 95%, and the location of the bottom division (the footer) is 95% from the top:

<style type="text/css">
   div#main { position: absolute; top: 0px; left: 0px; height: 95%; width: 100% }
   div#footer { position: absolute; top: 95%; left: 0px; width: 100%; height: 5% }
</style>

Example:

See the bottom of this page. You may want to tweak the size by using 25px instead of 5% for the height of the footer. Mine works best a 95% width and 28px height. NOTE: This looks great, but if the content of the page extends beyond the screen, the FOOTER will remain put covering your text.