sidebar problem internet explorer

  • Author
    Posts
  • #694585

    katewebb
    Member

    I see this topic has come up before in the forums but all are closed and I can’t find the answer. SOmething has happened to the font size in some of my sidebar – it’s grown and looks a mess on the page. Any ideas on how to fix this? Thanks, all help mcu appreciated. Kate

    The blog I need help with is katewebb.wordpress.com.

    #694729

    katewebb
    Member

    I’ve just checked opening my blog in Internet Explorer and Firefox. Firefox is fine – though the titles of my sidebars appear in black, on Internet Explorer they are in green – and some – but not all of the titles and information is too large.

    Additionally I notice that on IE on the Support page, the list of links at the top right of page don’t fit, so that the word FORUM appears on a line below. In Firefox the word FORUM appears at the end of the same line. Is there a problem with wordpress code and IE, or is this something I need to/can fix.

    Thanks,

    Kate

    #694734

    timethief
    Member

    Hello there,
    I have viewed your blog using Firefox 6.0 which is my normal browser. I have a Windows XP operating system and IE8 and have also viewed your blog using it. In IE8 your sidebar is displaying below your posts. Usually the reason a sidebar has fallen and is displaying below your posts is either due to copying and pasting or it can also be a result of importing text containing invalid HTML.

    Typically this is caused by an open HTML tag in one of your posts or in a text widget. You must locate it and close it.

    Go to Settings > Writing and select “ ___ WordPress should correct invalidly nested XHTML automatically” and then scroll down and click “Save Changes.”

    Now, starting with your latest post, open it in the editor, make one minor change such as adding a space and then deleting it, and then click “Update Post.” Check your blog and see if it is back to normal.

    If it’s not, then look for an open HTML tag and close it. Check your blog again and see if it is back to normal. If it’s still “messed up” then open the next post and do the same thing post by post until it goes back to normal.

    If you have been copying and pasting text from elsewhere without using either icon 5 or icon 6 in Row 2 of the visual editor, please see here so you know how to do this correctly in the future. http://en.support.wordpress.com/visual-editor/#pasting-text

    Please let us know if that worked for you or not.

    #694771

    katewebb
    Member

    Thank you timethief – as always advice comes very quickly and with precise instructions, for which I am grateful. However, I have followed your instructions and not been able to solve the problem. Beginning to pull my hair out. Any further ideas?

    I do not understand why the problem only ocurs in INternet Explorer and not the other search engines. Nor do I understand why the colour of the headline in the sidebar are green in IE but black in Firefox.

    One odd thing I noticed, when checking posts for stray HTML. When I click between HTML view and text view a <p> appears briefly and then disappears – don’t know if this is relevant.

    Thanks again for your help,

    Kate

    #694775

    timethief
    Member

    In some theme the links change color when hovered over and also when clicked. In your theme Vigilance the links in the sidebar are red and when we hover over them or click them they change to green. However, the blog post titles are red and do not display the same change to green when we hover or click. Have you edited the CSS on this theme?

    #694782

    Follow the procedure that Timethief outlined. The W3C validator is reporting a bunch of errors that the procedure should fix. The issue is missing or extra HTML tabs in your posts. This causes a cascade effect and ends up affecting the sidebar and anything else that is in the markup after the missing tag, so it can morph the sidebar into something unrecognizable.

    #694790

    On the forum page alignment issue, in IE, go to the view menu and make certain that your zoom level is reset to normal. That said, each browser renders things differently so sometimes things can break to another line in one browser where it doesn’t in others.

    There are some issues with your coding in your text widgets that can cause problems. I noticed in one that you have “b” tags wrapping around several paragraphs (opening before the first paragraph and closing after the last paragraph) which is incorrect syntax. Bold tags have to be put within each paragraph (beginning and end). I am also seeing a number of empty text widgets that you are apparently using for spacing? The bulk of the errors in the W3C report can be traced back to the HTML in your text widgets.

The topic ‘sidebar problem internet explorer’ is closed to new replies.