After getting the footer working in the undocked version, I have tried to get it to work with a docked ribbon.
I have worked with the same sticky html code as the previous version (sticky footer with undocked ribbon). only the positions of the div’s and css is changed.
I have placed the wrapper inside the s4-workspace div and the footer inside the form tag. This will make it possible to have the footer on the bottom of the page, and when the page content is longer the footer will be pushed down.
The CSS that is used.
Here you can download the docked version: V4.Master_Footer_Docked_Ribbon. This version should work for Internet Explorer 8 and Firefox v3.6.8.
Master page update: 12/04/2011
I updated the master page today. There was a small problem with a “div” closing tag that was placed on the wrong line in the master page. Therefore I placed the updated master page online. Thanks to Brian Arnold to let me re-investigate a problem with Internet Explorer 7.