Forums

WordPress › Support » How-To and Troubleshooting

IE8 messes theme up (tried everything already) (5 posts)

  1. japanworm
    Member
    Posted 10 months ago #

    Hello.
    I spent half the day today to fix this, but I have to give up now and hope that somebody here can help me. I really hope so!

    I'm quite new to coding and everything, so it took me forever (3 weeks) to create my current child theme's design. There's still a lot to do.
    Because I had to do with browser incompability already in other blogs, I always checked in IE after I made changes.
    I myself am using Firefox, of course.

    Today I thought it would be smarter to upgrade to IE8 because that's newer and more people are likely to use that version.
    And I was shocked to see that half of my theme is a mess!

    I googled around. Tried the snippets of code that you can enter in your function or header.php.
    No effect.

    I used various WordPress plugins that promise to deal with IE8 issues.
    No effect.

    I used a previous backup of my theme.
    No effect.

    I'm really going crazy here and I hope somebody can help me fix it.
    There's quite a few things wrong that I don't even know where to start.
    Most of them are positioning issues it seems and I'm sure there's more that I haven't even noticed yet.
    What freaks me out the most is that the comment list section is flickering when I scroll.

    Any advice, please?
    I really don't know what to do anymore!

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 10 months ago #

    Without a link, it's hard to help.
    Have you checked your code?
    http://validator.w3.org/

  3. japanworm
    Member
    Posted 10 months ago #

    Hello!
    Well, I used Firebug to validate, but it was rather confusing. There was quite a lot of stuff.

    First of all I checked with my Parent Theme (which is a Free Premium theme and that one works perfectly fine in IE8!!)
    40 Errors, 21 warning(s)

    With my child theme:
    44 Errors, 21 warning(s)

    I'm so ashamed of posting my crappy blog here as I'm still working on it and it seems I've done a lot of things wrong anyways, but if it helps: here

    Thanks so much for the link and your answer!!
    I really hope I can figure it out.
    Worst case is that I have to go back to zero and start again to see what exactly is causing the differences in IE8 :(

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 10 months ago #

    Well...one thing I wonder about... You use html5 stuff, like line 189 in your output here:

    <nav id="menu" class="jqueryslidemenu"><

    However your doctype states xhtml1

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

    the nav element is html5, not xhtml....

    I'm not too up on this stuff, but I wonder if that causes any issue?

    Don't be ashamed of posting your link, lol. We all start learning somewhere

  5. japanworm
    Member
    Posted 10 months ago #

    Wow! Might be. Thanks.
    The reason for this is that I copied the "jqueryslidermenu.js" thingie for my navigation menu to function from another theme that is different from my parent theme, but in order for it to work I think I need that. *confused*

Reply

You must log in to post.

About this Topic

Tags