[Solved] Clearfix comes unfixed after site fully loads

[azzcat]

/* CLEAR FIX*/
Hi Everyone,

I’ve got a weird problem with the footer of this blog http://blog.franklyrealty.com/ (WordPress 8.4). Initially, it loads fine and the footer is stuck to page bottom w/clearfix (code attached below). However, after the site is fully loaded, the scrollbar on right hops up a tiny bit and suddenly there are about 20 extra pixels @ page bottom. This happens in FF, Safari, IE7 (compatibility) and Chrome–but NOT in IE8.

I’ve tried troubleshooting this with Firebug, but nothing makes that footer stay all the way at bottom.

Check out http://screencast.com/t/SGviErPr6v for Jing screen capture with note.

Below is my clearfix code.

Code:

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
content: ” “;
display: block;
height: 0;
clear: both;
font-size: 0;
visibility: hidden; }

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Thanks in advance for helping me solve this pain in the butt!
–Catherine

[screencat]

It has nothing to do with the clearfix.

Its the "AIMBuddyListContainer" which gets added by some script after page load.

You’ll find it at the end of your markup (only with firebug as it’s loaded via JS) and should be able to fix it by setting "position: absolute; left: 0; top: 0;" to its ID inside your css or by placing it somewhere else in your markup if you can.

[azzcat]

:D PERFECT! Thanks soooo much!
I didn’t even think of the sidebar add-ons as the source of interference.

Have a great day! You’ve made mine,

Catherine

[Author]

Posts