- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
/* 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.
.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
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.
: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