PDA

View Full Version : All Levels Navigational Menu and Flash



northpoint
09-01-2008, 02:50 PM
I've used the "All Levels Navigational Menu " coding to provide a two level LHS menu. This works fine. I have no problems with Firefox. However, with IE7 the Flash banner at the top of the page disappears whenever a first level entry of the menu that has a submenu is rolled over. First level entries without submenus don't cause a problem.

Has anyone else come across this?

BLiZZaRD
09-01-2008, 06:43 PM
Without seeing the code used for the menus, I can suggest looking at the Z index. Sounds like the submenu's are popping to a higher level in the layering of the page and knocking the Flash to the back, thus making it off screen, or hidden behind.

ddadmin
09-02-2008, 12:27 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.

More importantly though, does the Flash banner reappear when the mouse rolls out of the menu?

northpoint
09-02-2008, 10:25 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.

More importantly though, does the Flash banner reappear when the mouse rolls out of the menu?

Thanks for the warning - URL below.

http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

Flash banner does reappear when rolled out of menu.

northpoint
09-02-2008, 10:26 AM
Thanks - I'll try changing the z-index.

Since I'm only a novice in web programming can you tell me whether the way the z-index works in Firefox is different to IE. Does it explain why Firefox works and IE doesn't?

BLiZZaRD
09-02-2008, 02:36 PM
Ah that debate.. LOL

Firefox works because it is designed to work, IE doesn't because it is a (want so bad to say load of crap) proprietary monarch, and as such relies on others to use it correctly, usually resulting in incompatible coding features never meant to work together.

Mozilla's take on it (http://developer.mozilla.org/En/Understanding_CSS_z-index)

IE fix (http://thatnorwegianguy.wordpress.com/2007/11/29/positioning-and-z-index-in-ie/)

And keep in mind: According to the CSS spec, z-index only applies to positioned elements (i.e. those whose position property has a value other than static).

northpoint
09-02-2008, 06:59 PM
z-index was the problem although it took some time to find settings that IE liked.

Thanks for IE Fix reference.

spirofantasio
10-28-2008, 10:03 AM
I found that the solution was to go into ddlevelsmenu-base.css and set the z-index to "-1" in all cases. i.e.

z-index: -1;

Is this the solution you came up with?

This works fine in IE, but in Firefox the flash still tends to flicker when you go into the sub-menus.

What would be the best way to move the sub-menus away from the Flash movie?

(Could the answer please be specific; i.e. which parts of the javascript or css should be changed? The flash movie is at the very top of the website and its dimensions are: width 766; height 253)

Thank you.