Wordpress sidebar pushed to bottom of page
I recently made a post in my other blog linuxtomacbook.com and noticed that the wordpress sidebar had disappeared. When I scrolled down to the bottom of the page I noticed that the sidebar was now all the way at the bottom after all the posts. I couldn’t figure out what the error was because I didn’t use any code in the post, I didn’t even have any special characters like a less than or greater than sign.
Inside the wordpress administration, I looked at the visual editor and couldn’t find anything again. It was time to look at the html itself. At first glance I didn’t notice anything different. After looking at the code for about 5 minutes and reading it line by line, the only thing that stuck out at me was an extra line the wordpress editor had put in. This line was sandwiched between a </p> and another div:
<div align=”left” />
Once I removed that line, everything went back to normal.
November 8th, 2008 at 11:45 am
I am having the exact same issue. A recent post had an image that was too wide for the center column. When I fixed the width to fit, my sidebar got bumped to the bottom just as yours did. Deleting this post did not fix this.
Which page did you find the HTML that was causing this issue? Mine only happens on the Home page, so I assume somehow the code got scrambled there (even though I have no idea how this could have happened).
I noticed the footer on my home page is also not centering as it does on static pages and posts. Any help would be much appreciated, thanks!
November 8th, 2008 at 12:10 pm
George, This was so long ago that I don’t remember where that line was. What is the URL of the page that is doing this? I can take a look and see if I can take a look and maybe find something.
November 8th, 2008 at 12:50 pm
[...] a thanks to Serge Madenian, his post on the ’sidebar at bottom’ issue led me to look into the div tag as a possible culprit. And although I found the problem in the [...]
November 8th, 2008 at 12:52 pm
Serge - thanks for the quick follow up. I ended up tracking the error down, and put up a blog post of my own on how it happened and the fix: http://georgecoghill.com/blog/2008/11/08/wordpress-sidebar-at-bottom-div-tags-via-copypaste-in-visual-editor/
In short, I had used copy/paste from the WordPress Visual Editor from a Page to a Post, and it had introduced div tags in the HTML. It happened on a post from a few days ago, and I hadn’t been to my home page for a while and therefore hadn’t noticed. I was looking at the wrong posts for the error.
Your post helped me out by pointing me in the direction of looking for misplaced div tags. Thanks again for the quick follow up, much appreciated! I gave you some kudos and a link back to your blog (and this post) in my own post on my fix for issue as well.
January 11th, 2010 at 10:25 pm
[...] The Serge Is Working Things I’m working on, Things that interest me « The Adsense Experiment: Day 0, Setting Up The Blog [...]