Space between posts and footer

It seems only to happen in FF. Have you made changes to you template or css? And does this happen to every new post you make (just the top one)?

Think I get it. The bad guy is float-clear. It clears your sidebar. So the <div class=”float-clear”> will position itself right under the line where your sidebare ends.

I really haven’t made any template changes lately. Some to the side bar. It does seem to happen with every post.

I’m not sure what you mean by the float-clear. I didn’t see anything like this in the side bar or main template. Can you explain some more?

By the way, thanks for the help.

The sidebar has the property float: left. This makes it floating to the left of the page. Now take a look at your <div class=”post”>. This is the div that contains other divs like your title, the content of the post etc. One other div that it contains is <div class=”float-clear”>. If you look in your stylesheet, you’ll see that it has a clear: both property. What this does it make sure that to the left and right of it, there’s no floating div. In your case, since the sidebar is floating to the left, it makes that it positions itself under the sidebar, the first spot it finds with no floating divs left and right.

I can’t really test it but I think that you may solve it by changing

.float-clear { clear:both; line-height: 6px; font-size: 6px; padding:0; margin: 0; }

clear:both to clear: right. I’m not 100% as I don’t know the layout that well but it’s worth a try.

This is what I am seeing in my style sheet:

.left {
float: left;
margin: 0px 10px 0px 10px;
}

.right {
float: right;
margin: 0px 10px 0px 10px;
}

It is located underneath the sidebar. There is nothing about float-clear. Any suggestions?

I see it’s an inline style definition. Right above the </head> of your page and under the amazon stylesheet link you’ll see:

<style type=”text/css” media=”screen”>
.float-clear { clear:both; line-height: 6px; font-size: 6px; padding:0; margin: 0; }
.float-clear-left { clear:left; line-height: 6px; font-size: 6px; padding:0; margin: 0; }
</style>

This is what causes it.

Man, I’m just not seeing that anywhere.

Look at the source of your page when it’s loaded. It’s there so it must be loaded from somewhere. From the placing I’d guess it would be from within your header.php template file.