Sidebar at bottom of blog (8 posts)

  1. jts424
    Posted 9 years ago #

    I am new to the blogging world, so please bear with me. My site (http://www.lanaschwartz.com) was just updated with a new theme. When I activated the theme, the right sidebar dropped all the way to the bottom of my blog.

    I have seen a few other topics related to this issue (http://wordpress.org/support/topic/55830 and http://wordpress.org/support/topic/54958?replies=5) most of which seem to resolve the matter through IE v FF issues.

    However, I have tried my site in both IE 7 and Firefox and the issue exists in both browsers.

    Any help on this matter would be appreciated. Thanks.

  2. Ghidra99
    Posted 9 years ago #

    I ran your HTML through a validator and a lot of errors popped up. The one that is specifically causing your problem happens in your "Party Girl" post. You have a malformed tag at line 174:

    <div style="text-align: center;" />

    It's creating an open ended <div> that causes your sidebar to fall into your <div id="leftcol"> instead of your <div id="content">. Since I think you're trying to close the <div> above it, change that tag in your post to </div>.

    It's also wise to download the Web Developers' Toolbar for Firefox. It will help you troubleshoot any problems you have on your blog.

    Here are the results of your page validation. I would seriously consider correcting all the errors on the page so it validates (if your HTML is invalid, IE7 defaults into quirks mode which will always cause problems with your site in IE7).

  3. KatGirl
    Posted 9 years ago #

    Did you attempt to repair your issue via those threads?

    Generally speaking, if the sidebar drops to the bottom it is an image issue within a post. Or your Sidebar.

    Either way, the image is too wide to fix the container in which it sits.

  4. Ghidra99
    Posted 9 years ago #

    Not only is your sidebar falling into that wayward <div>, but so are your subsequent posts and your footer.

    Let me know if this fixes your issue.

  5. jts424
    Posted 9 years ago #

    I tried to remove each of the posts individually, putting them to draft. nothing seemed to work, so I could not tell which of the posts was causing the problem.
    Also, those other threads had very specific solutions to the problems posted.
    Latest attempt I've been trying is to validate the XHTML iva the W3C XHTML Validation Service. Found errors...trying to fix them now.

    Any other thoughts?

  6. Ghidra99
    Posted 9 years ago #

    Your sidebar is in the correct place now. Glad to have helped. :D

    Don't forget to fix the other HTML errors on your page. If you need help, let me know.

  7. jts424
    Posted 9 years ago #

    sidebar was fixed once I fixed the post which had pictures out too wide. Now about those HTML errors...they seem to be automatically caused by the rich text editor in wordpress. Should I manually fix the html in each post? How would I edit the overall page, all at once?

  8. Ghidra99
    Posted 9 years ago #

    I would suggest opening the validation page in one window and having the post editor open in another and go through each, one by one. It may take some time, but the results will be worth it.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.