[Pro] foot wrapper at the window bottom

Freeway
21

Here is another example using a variation on Walter’s method

http://deltadesign.co/FW7Test/sticky-footer.html

This uses jQuery to give the empty (push) Div (that Walter suggested) a height equivalent to the height of the footer.

To get this to work with a FW constructed page does mean more work/markup.

You have to use the Page Div extended action to add the class ‘wrapper’ to the Page Div

You have to insert an empty Div after all your page content and give it the class of ‘push’ - same width as your page elements.

You have to copy the footer html code from a standard published page (making sure it has the class of ‘footer’) and insert it using Page>Html Markup in the before slot and then delete the actual footer Div from the FW page.

You have to include jQuery in your page and also the javascript markup to put it all together.

<script>
	$(document).ready(function(){
		$(window).resize(function(){
			var footerHeight = $('.footer').outerHeight();
			var stickFooterPush = $('.push').height(footerHeight);
		
			$('.wrapper').css({'marginBottom':'-' + footerHeight + 'px'});
		});		
		$(window).resize();
	});
</script>

Not sure how this would all work if you have any WebYep stuff in the Footer - probably wouldn’t! But I don’t think you have any in there.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at: