PDA

View Full Version : Fade SidesShow conflicts with Chrome Drop down menu in Firefox



SinkTip
11-30-2009, 05:15 PM
Fade in SideShow conflicts with Drop down menu in Firefox.
I'm relitively new to using CSS but I really like it.
My customer wants to use a drop down menu and also wants a slide show on the main page.
I used Chrome drop down menu and then the fade in slide show and they work great together in IE but in FF the menu drops behind the slide show!
http://corvus-energy.com/test/

Any ideas? Please help, I have a meeting with them in 3 hours!

Grant
Vancouver, BC
:confused:

SinkTip
11-30-2009, 06:51 PM
Oh I see a new sticky about multiple scripts on the same page!
I guess I will remove the slideshow and build it in flash instead.
Unless someone has a better idea...
Grant

ddadmin
12-01-2009, 04:57 AM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

Inside chromestyle.css, try giving the drop down menu DIVs a high z-index value, such as:


.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:3000;
background-color: white;
width: 200px;
visibility: hidden;
}

SinkTip
12-04-2009, 05:06 PM
Thanks ddadmin! I will make sure I have a look at posting guidelines the next time I start a thread.
BTW - Your advise worked and it looks awesome! The site is getting huge kudos and is already being called the best in the business...
Sweeeeeeeet!
www.corvus-energy.com

Grant
Vancouver, BC