I've come across various methods for creating a sticky footer, such as Ryan Fait's approach found here, another one here, and also here.
But why go through the trouble of using those techniques when simply applying
#footer{position:fixed; bottom:0;}EDIT:
I should note that employing position: fixed; for a footer can cause issues with centering using margin: auto; in some browsers, necessitating the use of an additional wrapper tag. One concern I have with the aforementioned methods is the unnecessary complexity introduced by extra tags, which can be confusing, violate HTML standards, and increase bandwidth usage. Nevertheless, adding a single wrapper around the footer is still preferable to using convoluted page templates initially. In my opinion, this approach is more direct and efficient in terms of bandwidth consumption.