Forums

Internet Explorer, drop down menu, and slideshow problem

Permalink
My site uses a drop down menu that works great in all browsers except when I use the basic Concrete5 slideshow block. Things work fine except in Internet Explorer where the dropdowns slip under the slideshow block. I've played with the z-index for the block and in the css but no joy.

http://grcslearningwithoutlimitsbeta.avpservices.net/index.php?cID=...

Thanks for any advice.
 
jmonroe replied on at Permalink Best Answer Reply
jmonroe
Try adding something like this to your css sheet

#header {
z-index:2;
}
#body {
z-index:1;
}

If that doesn't work, try adding z-index: 200; to the end of your menu coding. The main goal is to get the z-index higher on the menu than on the slideshow. Right now you have it set to 1 on the slideshow which is fine. But there is no z-index defined for the menu thus causing IE (bug issue) to display it improperly.

Hope this helps.
avpservicesnet replied on at Permalink Reply
Oddly, that fixes it in IE but causes the same problem in Chrome, Safari, and Firefox.
jmonroe replied on at Permalink Reply
jmonroe
That is odd. You didn't remove anything out of the style sheet right? Try adding these lines to the very bottom of your style sheet and see if that changes anything if thats not where you inserted the coding already.
avpservicesnet replied on at Permalink Reply
I've been swapping out z-indices like crazy trying to get things working right, and all because IE won't behave. Think I got it now though.
avpservicesnet replied on at Permalink Reply
I gave the header a z-index of 25 and that seems to have solved the problem in all browsers. Thanks for your help
jmonroe replied on at Permalink Reply
jmonroe
You're welcome. Please remember to mark my answer as accepted if it helped you out. Thanks!