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: http://www.peakflowimages.com/ (Categories menu item in top right).
Can anyone point me in the right direction to fix this? Would be very much appreciated!
Thanks
ThemeShaper Forums » Thematic
Menu dropping behind main image
(6 posts)-
Posted 12 years ago #
-
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 # -
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 # -
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 # -
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 # -
If anyone drops by this thread looking for answers- I was able to fix this issue in IE7 with
div.menu{
position:relative;
z-index:999;
}Posted 11 years ago #
Topic Closed
This topic has been closed to new replies.