ThemeShaper Forums » Thematic


Menu dropping behind main image

(6 posts)
  • Started 12 years ago by peakflowimages
  • Latest reply from craw
  • This topic is not resolved
  1. Hi,
    Iam a complete novice at css so need some patient advice! I just tried adding a drop down menu to my theme. All fine except in IE where the new drop down menu drops BEHIND the main image on each page. See here: (Categories menu item in top right).
    Can anyone point me in the right direction to fix this? Would be very much appreciated!

    Posted 12 years ago #
  2. It looks fine here (Chrome & Firefox on Mac) but here's the solution anyway

    Usually using z-index does the trick

    Put this in your CSS stylesheet:

    #access { z-index:2 }
    #content { z-index:1 }
    Posted 12 years ago #
  3. Hi,
    It is only happening in dastardly Internet Explorer - the other browsers are fine. Thanks for the suggestion but that hasnt fixed it. I added that code at the top of my css file.

    What else can I do?

    Posted 12 years ago #
  4. Sounds like ie7 to me. I think there is an inheritance issue with the z-index. I believe your problem may be that ie7 is looking only at the z-index of the sibling elements #header and #main and not accounting for the z-indexes their child elements.
    Ensure that the z-index of #header is greater than or equal to #main and you may find it easier to solve the problem. Remember that you can target specific browser versions with dynamic body classes.

    Posted 12 years ago #
  5. Hi em hr. I tried setting both header and menu items as z-index 99 and 999 respectively but this hasnt fixed it. Am I misunderstanding what you mean?

    Thanks again for the help.

    Posted 12 years ago #
  6. craw

    If anyone drops by this thread looking for answers- I was able to fix this issue in IE7 with{

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.