Easy method, using jQuery, to pin a footer to the bottom of the web browser.
Toggle between relative and static
Click here to toggle between relative and static.
Example HTML
<div id="footer">
<div>© 2009 - 2010 Whatever you might copyright.</div>
</div>
Example jQuery Code
$(document).ready(function() {
$("#footer").pinFooter();
});
$(window).resize(function() {
$("#footer").pinFooter();
});
Plug In Options
$("#footer").pinFooter(); // Default positioning: "Static" or constant pinned footer
$("#footer").pinFooter("relative"); // Footer pinned if content less than window height.
And that's it! Well, other than including the proper jQuery and Easy Pinned Footer javascript files.
Hope you like it!