possible bug in Ultimate Fade-in slideshow (v2.1)

[armengeo]

1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: I am having an issue with the positioning of the DIV. To see the possible bug please go to my site http://www.traffic101testserver.com/index-t101.html. Then put your mouse over the who we are link. The menu gets hidden behind the fade in images. It works fine in IE 6 but does not work with any other browser or version. Please let me know how I can fix this. Thanks.

[jscheuer1]

Just an issue with z-index, often quite common where menus and slide shows are involved. Add the highlighted as shown to your all-t101.css file:

body{
	margin:0;
	color:#383629;
	font:14px Arial, Helvetica, sans-serif;
	background:#225e78;
	min-width:980px;
}
.navbar, .navabar *, .sb-box {
	position: relative;
	z-index: 1111;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#393829;
}

That will work in Firefox, probably all others. If there is still a problem in some, add:

.navbar, .navabar *, .sb-box {
	position: relative;
	z-index: 1111!important;
}

Note: Your layout is complex. There is a chance this will mess something else up. As an example, I had to include .sb-box class because without doing so the navbar was then obscuring part of it.

[armengeo]

Hi John,
Thanks for your reply. Your solution worked great in all browsers except for IE 6 & 7. The addition of that code caused the nav bar to be ontop of the start course box. I made the code browser specific and left off "position: relative;" for IE 6 & 7 and that did the trick. Not sure if the removal will cause any other problems. Thanks again for your help.

[armengeo]

Hi John,
I spoke too soon. Your suggestion did fix the menu issue however now it is forcing my baloon tips tio be behind the nav bar. Please go to http://www.traffic101testserver.com/index-t101.html and locate the start course box on the right side. With in there is a help link called whats this. Place your mouse over it and you will see that the baloon is not on top as it should be. If I remove your suggested code then it works.

Any thoughts? Thanks again for your help.

[jscheuer1]

I'm a bit rushed at the moment. However, without even looking I can say that the tip must have a z-index lower than 1111. So raise its z-index to 1112 and things should be fine.

If you don't get the idea, or if it doesn't work, let me know.

[armengeo]

John -
You were right on the nose! Thanks again.