[Footer(sticky)]        9/06/2012
================

This is the definitive URL:
http://www.htmltutorialsandtips.com/css-sticky-footer/

and the crucial bits of code (made specific to F://BackUpDriveH\MENU2\berea_m.html are:

html, body{height: 100%; width: 100%;}
div#wrapper{min-height: 100%; width: 960px; margin: 0px auto; position: relative;}
div#main{padding-bottom: 150px;}
div#footer{width: 960px; height: 150px; position: absolute; bottom: 0px;}

and this is the critical explanation of how it works:

[Why it Works]
'If we hadn’t set the wrapper’s positioning to relative then it would snap to the browser window instead. If that were the case then your content would go behind the footer if it was longer than the browser window. This way if the content doesn’t fill the browser window the footer snaps to the bottom of the wrapper, which we have stretching at minimum to the bottom of the window. If the content is longer, the wrapper will stretch to contain it, and the footer will stay at the bottom of the wrapper.'

It has been applied to all of the files which constitute the 'bouncy' website.
See:  F://BackUpDriveH\MCH-NET\bouncy\bouncy_2.html
:
:
:
:
:
:
:
:
:
:
:

 

This page is created with TreePad