Forums

[resolved] Drop down menus not appearing in IE (9 posts)

  1. AnniePaperdoll
    Member
    Posted 8 months ago #

    I have a custom theme based on Twenty Ten and it looks great in Safari and Chrome but the drop down menus do not work in Internet Explorer 8 or 9.

    There are drop down under Financing, Service Center and About Us. When you hover over them nothing happens.

    Any help would be much, much appreciated. I've searched the forums with no solution. I have also deactivated all of my plugins to see if there was a plugin overriding the menu but that didn't seem to have any effect.

    Here is my site http://www.matthewsmotorcompany.com/

  2. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Most of the page elements don't work in IE9 - including all images. Start by sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

  3. AnniePaperdoll
    Member
    Posted 8 months ago #

    esmi- Some of my images are not working currently because I'm still working on redirecting the links. Could you be more specific on why my menu drop downs might not be working?

  4. Phil
    Member
    Posted 8 months ago #

    I notice the paths to images use the IP instead of the domain.

    Also, IE seems to shift the whole site to the left instead of centred.

    Validate all code and see if problem still persists.

  5. Phil
    Member
    Posted 8 months ago #

    For the menu issue, try adding a z-index to the menu as IE sometimes hides content behind other elements. The sub-menus ARE being outputted in the HTML source, it's just not being seen.

  6. AnniePaperdoll
    Member
    Posted 8 months ago #

    Thanks PSM! I'll try that. I'm glad to know they are being outputted.

  7. AnniePaperdoll
    Member
    Posted 8 months ago #

    Adding a z-index didn't seem to work. Any other ideas on the menu?
    I even tried switching my theme to fresh install of twenty ten and that doesn't work either.

  8. kmessinger
    Member
    Posted 8 months ago #

    The first thing to do is to move this code,

    <style type="text/css">
    @import url("../SpryTabbedPanels.css");
    </style>
    below the DOCTYPE. Anything in front of the DOCTYPE will throw IE into a quirks mode.

  9. AnniePaperdoll
    Member
    Posted 8 months ago #

    kmessinger - OH MY GOSH! That worked!

    Thank you so much. I have no idea why I even put that code there. I can't thank you enough! Thank you, thank you, thank you! I was really at my wits end. I really appreciate all of the quick responses. I was ready to give up.

    God Bless You!

Reply

You must log in to post.

About this Topic