Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

Sticky Footer


  #1  
Old Jul 5, 2009, 12:24 AM
krystyna
 
121 posts · Apr 2009
As you can see by my design, I need a sticky footer:

*url removed*

Only one problem: I can't figure out how to make it stick. Any ideas, anyone?

Last edited by krystyna; Sep 28, 2009 at 10:55 AM.
  #2  
Old Jul 12, 2009, 06:21 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add this:

/* First, set a compensation value to fix browser differences and an overall
misalignment with this method */
if (jQuery.browser.msie || jQuery.browser.safari) {
var bfacompensate = 41;
} else {
var bfacompensate = 21;
}

/* Then, fix a jQuery/Opera 9.5+ bug with determining the window height */
var windowheight = jQuery.browser.opera && jQuery.browser.version > "9.5" &&
jQuery.fn.jquery <= "1.2.6" ? document.documentElement["clientHeight"] : jQuery(window).height();

/* Top and bottom padding may have been set on the BODY */
var paddingtop = parseInt(jQuery("body").css("padding-top"));
var paddingbottom = parseInt(jQuery("body").css("padding-bottom"));

/* Get the height of the header, footer, and the layout as a whole */
var headerheight = jQuery("td#header").height();
var footerheight = jQuery("td#footer").height();
var layoutheight = jQuery("div#wrapper").height();

/* Adjust height of middle column if (layout height + body padding-top + body padding-bottom) is smaller than
height of browser viewport */
if ( windowheight > (layoutheight + paddingtop + paddingbottom) ) {
var newmiddleheight = windowheight - paddingtop - headerheight - footerheight - paddingbottom - bfacompensate;
jQuery("td#middle").css({height: newmiddleheight + "px"});
}

in js.php, right after:

/* strech short pages to full height, keep footer at bottom */


This will be a theme option in 3.4.2

Last edited by Flynn; Jul 12, 2009 at 11:06 AM. Reason: Better code

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Sticky Background Color OneSister Atahualpa 3 Wordpress theme 6 Apr 23, 2010 08:15 AM
Sticky: Post: Container HELP!! lotusheartsinbloom Plugins & Atahualpa 2 Jul 3, 2009 10:19 PM
[SOLVED] Posts marked sticky don't show up with sticky formatting genevieve Atahualpa 3 Wordpress theme 12 Jun 30, 2009 09:06 AM
hide sticky post footer dyrathror Post-Kicker, -Byline & -Footer 1 Apr 26, 2009 02:08 AM
Sticky Headers + Sidebar justjoolz Atahualpa 3 Wordpress theme 1 Apr 7, 2009 06:57 AM


All times are GMT -6. The time now is 03:34 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.