Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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 4, 2009, 11:24 PM
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 09:55 AM.
  #2  
Old Jul 12, 2009, 05: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 10:06 AM. Reason: Better code

Bookmarks



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


All times are GMT -6. The time now is 05:27 PM.


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