• Resolved hoytim

    (@hoytim)


    Hi,

    My menu bar is not appearing in Internet Explorer. When I hover where it should be only the menu I`m hovering over appears. It also appears when I highlight it.

    My site is http://www.vanillaplay.com

    Everything works fine in other browsers. Any ideas?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Maybe try to put a z-index on the nav? Try something like z-index: 20;

    That should bring it to the front.

    Thread Starter hoytim

    (@hoytim)

    Thanks for the reply.

    Forgot to mention I’m a beginner! I looked up the z-index in my templates style css and its set to 9999 but I don’t know if that’s related to the menu. What’s the nav and how is a z-index put on?

    Thread Starter hoytim

    (@hoytim)

    Under which template can I find the code to edit the menu?

    Right now, you’ve got z-index on:

    #menu li ul {
    z-index: 9999;

    Try adding the same to

    #menu {
    z-index: 9999;

    That will move the whole menu to the front.

    Thread Starter hoytim

    (@hoytim)

    Just tried that but it`s still the same:(

    When you installed it initially, did you notice if the menu showed up on IE? If not, I think it would be best to send a note to the theme developer. This kind of issue is easy enough to fix, but you do need to have good css skills and it could take a couple of hours of fiddling.

    The developer may have already fixed this and could have a solution for you.

    Thread Starter hoytim

    (@hoytim)

    Thanks again. I`ll try to contact the developer and keep at it myself in the meantime…

    In this block of code in your CSS on line 364:

    #foxmenucontainer {
    height: 40px;
    display: block;
    padding: 0px 0 0px 0px;
    font: 13px Arial,Tahoma,Century gothic,verdana, sans-serif;
    width: 990px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(images/menu.png)repeat-x;
    }

    In IE it doesn’t seem to be picking up the background. Don’t think it’s a z-index issue, as you wouldn’t see the hover state, the menu is there, but as the text is white you just can’t see it because of the missing background image.

    Try replacing it with the following to see if that makes a difference:

    background: transparent url(images/menu.png) repeat-x left top;

    It may do the trick, if there were better tools with IE I would have tested this. Good luck otherwise.

    Thread Starter hoytim

    (@hoytim)

    That did it! Fantastic! Thank you both so much for looking into this. Much, much appreciated.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘invisible menu in Internet Explorer’ is closed to new replies.