By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,701 Members | 1,938 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,701 IT Pros & Developers. It's quick & easy.

Drop down Menu / Flash level issues

techtherapy
P: 13
Hello everyone. Not sure if I should be posting in the html/css forum, the flash forum, or this one since the problem deals with all three!

So my issue is this: My company is updating a homepage on a site that uses mm_menu.js drop down menus and we have a flash object that will be sitting virtually underneath a few o these drop downs. Everything seems to work fine except in IE6 & 7 Where the drop down appears behind the flash! Obviously not where you want the links to end up!

So I researched and research and tried various different approaches. I played with the z-index of the two elements- trying to bring the drop down in front of the div the flash is in. Nothing. I also found posts that had this fix suggested: adding in the code <param name="wmode" value="transparent"> in the list of flash parameters and wmode="transparent" in the embed section. This also does nothing!

I've looked and looked and no solution presented itself so I humbly request the help of the fantastic users of this forum (I figure a little flattery doesn't hurt!).

The page I have issue with can be found here:
http://www.baby-energy.com/index-08.php

and the css (which looks like some monkey typed it) here:
http://baby-energy.com/style.css

as well as the js here:
http://baby-energy.com/mm_menu.js
and here:
http://baby-energy.com/loadmenus2.js

Anything, and I mean anything would be helpful! Thanks!
Jan 30 '08 #1
Share this Question
Share on Google+
5 Replies


acoder
Expert Mod 15k+
P: 16,027
One possibility is what's known as iframe shimming. In IE, windowed controls such as select boxes appear above DHTML elements. Shim the iframe under the div and it will cover the windowed control.
Jan 31 '08 #2

techtherapy
P: 13
One possibility is what's known as iframe shimming. In IE, windowed controls such as select boxes appear above DHTML elements. Shim the iframe under the div and it will cover the windowed control.

Thanks acoder! This really helped- it didn't end up being the solution but trying this technique showed me what I was doing wrong. I appreciate the help!
Feb 5 '08 #3

acoder
Expert Mod 15k+
P: 16,027
Glad it helped. So what was the solution in this case?
Feb 5 '08 #4

techtherapy
P: 13
Glad it helped. So what was the solution in this case?
Well I originally placed the flash in a div element so that I can control the z-index- when this didn't work and I attempted placing it in an iframe to attempt the shim like you suggested, I discovered that the original flash code fix (using the wmode="transparent") worked once it was outside of the div. So with some simple floats to move the animation into the right position all was good in the world.
Feb 5 '08 #5

acoder
Expert Mod 15k+
P: 16,027
Thanks. That should prove useful to members searching for this issue or even someone dropping by.
Feb 6 '08 #6

Post your reply

Sign in to post your reply or Sign up for a free account.