• Resolved tmaynarich

    (@tmaynarich)


    I am having a problem with my right sidebar in IE8/Chrome/Safari. Everything works fine in Firefox. Would someone mind taking a look at my website and selecting one of the pages listed on the top nav bar…they appear to be the only thing that does not load the sidebar properly. I played around with the legacy IE7 code in the header and the page php file with little success so far.

    Thanks in advance!

    Site at: http://www.maynarich.com

    -Ty

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi

    You have a lot of bad HTML on your site – check the page validator
    http://bit.ly/4vqWyg which is showing 111 errors. You may not need to clean up all of them, but you have unclosed and mismatched tags. Those tend to cause the kind of issue you are reporting. At the least clean up the mismatches. Start with the errors at the bottom of the list – XML mismatches. As you clean up one error it may remove up to ten errors on the error list as the errors cascade on each other.

    Also, you are using HTML tags in some parts that are not valid code in XHTML which is what WordPress is written in. Many of the errors relate to that. XHTML does not allow uppercase in tags. If you have an editor, do a search and replace on your templates and replace <BR /> with <br /> which is the correct XHTNL syntax. I also see <B> tags which can be <b></b> but are better used as <strong></strong>.

    Often times cleaning up code resolves problems like the one you report.

    Thread Starter tmaynarich

    (@tmaynarich)

    Analyzing and fixing the output errors is a little too complex for me. My coding abilities do not extend past copy/paste. Is there any error in particular that might be triggering this problem.

    Emphasis on this page: http://www.maynarich.com/about/

    The main page loads fine in all browsers. Despite the obvious code issues it still works – so I can live with the errors at the moment.

    When I load the about page I can see a “–>” tag in the middle of the page. Maybe a bad comment is causing the load error? Any idea which one?

    Thanks for your help.

    Hi

    I am not seeing the –> you refer to but yes, that is a clue. In the browser, go to the View menu, and pick View Source. That will show the HTML code the browser is displaying. You can correlate what you are seeing on the screen with its location in the source code. The –> will appear someplace in it and looking at the surrounding code will show you its context.

    I just looked at your page in IE7 and Chrome (as you say it looks fine in Firefox), and I can almost guarantee you its bad HTML that is causing the display issues.

    It sounds like you may have cut and pasted from Microsoft Word. This will often mess up your blog in many browsers. There is a way to paste from Word that won’t mess up your blog. I made a short, easy tutorial about it here: http://blogsolace.com/how-to-use-the-paste-from-word-feature-in-wordpress/

    The code from Microsoft Word confuses most web browsers – the result is usually a messed up sidebar or, sometimes, a completely blank screen after the header.

    -Sherry

    Thread Starter tmaynarich

    (@tmaynarich)

    Turns out the bad HTML was not the problem. The comment coding was not fully removed from page.php – deleting that fixed the problem.

    Thanks for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Broken Sidebar’ is closed to new replies.