Wordpress themes are for sure a good delight for eyes , but they look equally odd when some components change their position even though you did not touched any theme file, well the same case happened with me actually it was the case with one of my blog where on the index page the right sidebar would drop down, while on the single post page it was all right Now that made me go mad ,as i checked through all my CSS and template files and every DIV tag was closed sidebar was included at proper place and so on, but there was no solution the sidebar was still DOWN.
I still cant believe that this problem had a very simple solution , just go to your Wordpress Dashboard then to Settings->Writing-> and select the checkbox that says “WordPress should correct invalidly nested XHTML automatically” as shown in the figure below ,
Do this and your problem will be solved Ok, happy now !!
Now, the technical side of this solution is that due to some plugins or auto formatted copy paste content etc. our Post HTML contains somewhere a closing div tag like </div> without a matching opening DIV tag, what this does is that it prematurely closes the content Div and so sidebar falls down.
Also, Sidebar drops sometimes due to extra width of the content ID or class, so check your stylesheet as to if the width of content column +width of sidebar is less than the tootal width of containing column ie. the wrapper or the body selector.
Anyways , hope that helped
Last 5 posts in Troubleshooting
- Google Webmaster Tools Offers Notifications for Hacking and Abuse - March 3rd, 2010
- How to Set Up Facebook Chat in Pidgin - February 12th, 2010
- Partially Downloaded or Corrupt Zip File Repairing Software Utility Tool - Download - August 21st, 2009
- Remove Virus with Messages as | Use Internet Explorer You Dope | Youtube is Banned - July 26th, 2009
- New Tool to Check How Website Looks in IE6 IE7 and IE8 and Compare them Side by Side – MS Super Preview - July 19th, 2009
April 25th, 2009 at 12:16 am
¡¡Owwhh! Thank you very much! I had this problem (now fixed) You are the master.
April 29th, 2009 at 7:38 am
I tried that, but it didn’t work… My readers assure me that it appears normal to them and it’s normal on my laptop, but not on my new desktop computer. So it has to have something to do with the setup of my computer, but I can’t figure out what! Any ideas?
April 29th, 2009 at 9:46 am
Thanks for the info and I love the site BTW. However, I have selected the “WordPress should correct invalidly nested XHTML automatically” box and still have the same problem. I have made two separate “About me” pages and on both of them, the sidebar drops. Please help!
the two pages are:
http://thewarriorswayoflife.com/about-marcus-thompson/
http://thewarriorswayoflife.com/about-jillian-thompson/
Thanks,
Marcus Thompson
April 29th, 2009 at 11:22 am
@Marcus I visited your pages and they seem fine in Firefox, Opera and Safari
April 29th, 2009 at 11:23 am
@Hanlie It also happens due to the IE 6 border box model and concept of box width etc. so if you are using Internet explorer 6 then that may be the problem, also check your stylesheet so that width of content + sidebar is less than the wrapper width or the body container width .
May 15th, 2009 at 7:30 pm
Unbelievable… truly unbelievable… I’ve been at this for 3.5hrs trying to figure it out, even installed different themes and nothing. I can’t believe it was this simple…. FANTASTIC POST!
Thanks for saving me hours of coding!
Dr. H
July 2nd, 2009 at 2:09 am
Thanx for the info. But which stylesheet am i need to look into, as I still have this problem!
Help will be appreciated.
July 2nd, 2009 at 4:23 am
You dont need to look into any stylesheet, you just have to change that setting as told in the post, or manually check for any unclosed divs etc.
August 30th, 2009 at 2:41 pm
I really like this blog good job.
August 31st, 2009 at 5:20 am
Actually, my work computer is using IE 6. Not only does it mess up my WP blog, but my Facebook page as well. When I’m home and using Firefox I have no problems.
September 1st, 2009 at 4:08 am
Well that is due to CSS problems with ie6 – perhaps some issue with the margin and borders of your Blog’s stylesheet , I can fix that for you for a small fee If you want .
September 1st, 2009 at 6:51 am
IE6 is an older version and clearly on it’s way out. I think I’ll just leave it for now.
Marcus
September 11th, 2009 at 8:35 am
Ive had this problem for so long and havnt been able to figure it out. checked the box per your instructions and still nothing. I took a peek in the stylesheet and there are a couple places that have “div” but Im not sure what it means to “close the tag”. There is even one place that has “div div”, right next to each other. any help would be mich appreciated
my blog: renniesolis.wordpress.com