Sounds like you may have HTML mark-up errors — which can cause that kind of problem. Or it’s a width issue with the sidebar and main section not fitting inside the containing element.
Make sure your pages validate and use Firebug to look at the width of the elements.
http://codex.wordpress.org/Validating_a_Website
please post a link to your site if you would like somebody having a look at it.
SITE: http://www.budgetchic.org
The post that is making the sidebar go the bottom of the page is
http://budgetchic.org/blog/?p=8469
Did you validate the page – many errors there:
http://validator.w3.org/check?uri=http%3A%2F%2Fbudgetchic.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Look first at the ones about missing, open, extra or other similar errors related to tags.
Thank you for helping. I will check the errors, but even with all those error in the 3.4 version my sidebar never moved to the bottom of the page.
It was only after I updated to 3.5 that I started to have an issue with the sidebar moving.
I think there is another issue with the sidebar beside the errors from validation.
When you view the post as a single page the sidebar is where it is supose to be, on the right hand side. When you view the post from the main page, the sidebar is at the bottom of the page.
I think there is another issue with the sidebar beside the errors from validation.
When you view the post as a single page the sidebar is where it is supose to be, on the right hand side.
this is not a valid argument against validating your site’s code.
the single post has a lot of errors as well, however sometimes even those severe errors do not have an effect on the layout of a site;
http://validator.w3.org/check?uri=http%3A%2F%2Fbudgetchic.org%2Fblog%2F%3Fp%3D8469&charset=%28detect+automatically%29&doctype=Inline&group=0
the cause (or one of the causes) seems to be in the ‘Trend Obsession: Metal Collars’ post.
the <table>
tag is not closed properly – possibly a typing error by ommitting the /
in the closing tag </table>
;
this is the code form the post content how it is seen in the browser:
<table border=0 cellpadding=3 cellspacing=3>
<tr><td><img role="img" class="wp-image-8103" src="http://joanngraphics.com/blog/metal_collar.jpg">
</td></tr><table>
<p> </p>
<p> </p>
<p> </p><div class="clear-cols"></div>
Thank you, you’re right. That fixed it.
Wow, wordpress code has become way too sensitive. One open tag should not misalign a sidebar. I will have to check all my post in the Markup Validation Service from now on.
Thank you for your help and your time!
have you tried to tick the box at:
dashboard – settings – writing: Formatting [ ] WordPress should correct invalidly nested XHTML automatically
Thank you I checked that option, so let’s see how that works.
Appreciate it!