z-index issue? js + css

TeviH · 10-05-2006, 05:52 AM

Hello,

I am struggling with this and would appreciate any help anyone can give me. I am trying to get a css drop-down menu system to work with this javascript slideshow script I found on the web. Everything works great in Firefox, but in IE, there seems to be a weird issue with the drop down menus falling behind the slideshow.

IE uses a JS to allow the drop downs to work, while FF can just use css (ul:hover doesn't work in IE), and I think that has something to do with it.
????: NamePros.com http://www.namepros.com/programming/244389-z-index-issue-javascript-css.html

I tried adding "z-index" to my CSS to get the div and images from the slideshow to be in the back, and move the ul from the drop downs to the front, but it's not working.

Can anyone tell me what's wrong and how to fix it?

Thanks!

link: http://abuse-recovery-and-marriage-c...ew/index4.html

TeviH · 10-11-2006, 12:36 PM

what's with the no replies?

GoDesign · 10-11-2006, 01:43 PM

css's and JS's are still very unpredictable in cross browser tests,esp IE, which is surprising really....

Have you tried adding a few <BR>'s before this code:

Quote:

to push the slideshow a little further down the page, so its not overlapped with your top-menu.
????: NamePros.com http://www.namepros.com/showthread.php?t=244389

you can also do it the better way by searching for:

Quote:

and changing it to:

Quote:

DylanButler · 10-12-2006, 11:30 AM

I suggest using Stu Nichol's all CSS method on http://cssplay.com . The layers issue with Flash (so I assume it is actually an ActiveX issue) and drop-downs is a known issue on mac IE. However, I believe using the forementioned method will solve the issue. I will check tomorrow at the office to see if that's what our fix is and let you know.

TeviH · 10-12-2006, 01:52 PM

@godesign: I don't want to push the js too far down the page - adding line breaks is not the solution, but thanks for the suggestion.

@dylanbutler: all-css method of doing what? Drop down menus? There will always be an issue in IE doing drop down menus because IE only support :hover on links, and no other elements. (btw, that link is co.uk, not .com)

Thanks guys. Any other recommendations?

DylanButler · 10-12-2006, 05:11 PM

These are the ones I am talking about. http://cssplay.co.uk/menus/flyout2.html
It is possible to obtain the drop-downs without the tables/conditioning, but you can't do the on hover state background staying effect (see link) which looks so much better so we went with it.

TeviH · 10-12-2006, 05:49 PM

That's an interesting way to do the drop downs. I'll check it out.. I like how it stays hilighted (though the tables are not kind of awkward...)

The layers thing - Im not using flash; that's JavaScript! I would assume that using stu nichols' drop downs would still pose problems with the script. Why wouldn't it?

DylanButler · 10-12-2006, 05:52 PM

Have you tried positioning the box containing the javascript absolutely and in conjunction with a z-index?

10-05-2006, 05:52 AM	THREAD STARTER #1 (permalink)
TeviH NamePros Regular Join Date: Jul 2005 Location: Florida Posts: 233	z-index issue? js + css Hello, I am struggling with this and would appreciate any help anyone can give me. I am trying to get a css drop-down menu system to work with this javascript slideshow script I found on the web. Everything works great in Firefox, but in IE, there seems to be a weird issue with the drop down menus falling behind the slideshow. IE uses a JS to allow the drop downs to work, while FF can just use css (ul:hover doesn't work in IE), and I think that has something to do with it. ????: NamePros.com http://www.namepros.com/programming/244389-z-index-issue-javascript-css.html I tried adding "z-index" to my CSS to get the div and images from the slideshow to be in the back, and move the ul from the drop downs to the front, but it's not working. Can anyone tell me what's wrong and how to fix it? Thanks! link: http://abuse-recovery-and-marriage-c...ew/index4.html __________________ www.headlinercreative.com

10-11-2006, 12:36 PM	THREAD STARTER #2 (permalink)
TeviH NamePros Regular Join Date: Jul 2005 Location: Florida Posts: 233	what's with the no replies? __________________ www.headlinercreative.com

10-12-2006, 11:30 AM	#4 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 734	I suggest using Stu Nichol's all CSS method on http://cssplay.com . The layers issue with Flash (so I assume it is actually an ActiveX issue) and drop-downs is a known issue on mac IE. However, I believe using the forementioned method will solve the issue. I will check tomorrow at the office to see if that's what our fix is and let you know. __________________ -Dylan Butler EXAMP - San Diego Web Design

10-12-2006, 01:52 PM	THREAD STARTER #5 (permalink)
TeviH NamePros Regular Join Date: Jul 2005 Location: Florida Posts: 233	@godesign: I don't want to push the js too far down the page - adding line breaks is not the solution, but thanks for the suggestion. @dylanbutler: all-css method of doing what? Drop down menus? There will always be an issue in IE doing drop down menus because IE only support :hover on links, and no other elements. (btw, that link is co.uk, not .com) Thanks guys. Any other recommendations? __________________ www.headlinercreative.com

10-12-2006, 05:11 PM	#6 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 734	These are the ones I am talking about. http://cssplay.co.uk/menus/flyout2.html It is possible to obtain the drop-downs without the tables/conditioning, but you can't do the on hover state background staying effect (see link) which looks so much better so we went with it. __________________ -Dylan Butler EXAMP - San Diego Web Design

10-12-2006, 05:49 PM	THREAD STARTER #7 (permalink)
TeviH NamePros Regular Join Date: Jul 2005 Location: Florida Posts: 233	That's an interesting way to do the drop downs. I'll check it out.. I like how it stays hilighted (though the tables are not kind of awkward...) The layers thing - Im not using flash; that's JavaScript! I would assume that using stu nichols' drop downs would still pose problems with the script. Why wouldn't it? __________________ www.headlinercreative.com

10-12-2006, 05:52 PM	#8 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 734	Have you tried positioning the box containing the javascript absolutely and in conjunction with a z-index? __________________ -Dylan Butler EXAMP - San Diego Web Design

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)