You have some CSS errors that won’ be helping the situation.
This is often due to a <DIV> that has no matching </DIV>. Sometimes it’s just a mechanical error – if you’re writing your posts in HTML and haven’t closed a <DIV>. But more often it is…
…more likely that there’s a <DIV> at the start of your post, with a <!–more–> break in the middle of some post and a closing </DIV> way down at the end of that post. when displayed on a page, the <!–more–> causes a “more…” to be displayed but the closing </DIV> is never reached. This causes the sidebar (which in most themes is a floating DIV) to “move” into the post content and “float” at the bottom of the content rather than float on the right (or left) side of the overall page.
Also, if your page is showing “excerpts” this can cause the problem because the closing </DIV> is never reached if the excerpt is being created “automatically.”
Best solution is, if possible, to remove the enclosing <DIV> </DIV> pair around the outside of the offending post, or to remove the “more…” break to test and verify that the problem is as I’ve described.
I have a similar problem at http://cannes-or-bust.com
I write the posts directly in the HTML field (WP 3) without adding divs. Yet this is a persistent problem even when I change templates and no when I add new posts.
It’s very frustrating. I ran the site through a validator and got no less than 110 errors, even though I’m using a premium (paid-for them).
- The topic ‘Common Problem : Sidebar pushed to bottom on blog page’ is closed to new replies.