The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] Clearfix comes unfixed after site fully loads

  • # September 29, 2009 at 5:02 pm

    /* CLEAR FIX*/
    Hi Everyone,

    I’ve got a weird problem with the footer of this blog (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 for Jing screen capture with note.

    Below is my clearfix 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!

    # September 30, 2009 at 4:45 am

    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.

    # September 30, 2009 at 2:51 pm

    :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,


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed