Force Footer to Bottom of Window

Even though there's not a lot of content on this page, the footer ought to appear at the bottom of the window. Javascript automatically resizes the upper div (colored blue) to force the lower div (colored purple) to the bottom of the page. View the source of this page to see the script.

If the purple area is not flush with the bottom of your browser window, the script is not working properly. This script works in Netscape 6.2, Internet Explorer 5.5 and 6, and Mozilla 0.9.9. If you would like to submit a patch to make it work in another browser please email the workaround to webmaster@superflippy.net

Also, you will notice that the page does not redraw when you resize the window. That's because I haven't had any luck getting the above-mentioned browsers to recognize the window.onresize event. Hopefully, I will eventually figure this out and have a fully-functional script for forcing the footer div to the bottom of the window.

<< Return to tech index