Hey guys,
I am having an issue with something.
Take a look at this page:-
http://www.freemanholland.com/newgutter/
If you try using the nav bar, you will see drop downs, but notice the drop down appear underneath the flash on the right… I did try applying a z-index but it didnt work. Can someone help?
This site is to go live soon so i need to get this done asap 
Also just a minor thing, why does the nav bar look shifted towards the left in IE7?
It looks fine in firefox…
Regards
Billy
http://www.sitepoint.com/forums/showpost.php?p=3164991&postcount=44 should a have a solution for you. It is a pretty common problem’ Hope that helps
Hi, in order for flash elements to appear below things it needs the window mode set to either opaque or transparent :).
<div class="right1" style="padding:0px;">
<object type="application/x-shockwave-flash" data="http://www.freemanholland.com/newgutter/gutter.swf"width="256" height="205"><param name="movie"
value="http://www.freemanholland.com/newgutter/gutter.swf" />[B]<param name="wmode" value="transparent" />[/B]</object>
</div>
I can’t even load the page in Firefox since the massive amount of JS in there.
I’ll get back to you in the IE7 issue in one second
Hi, all the other browsers are lucky to even display them correctly at this moment :). You are trying to use image dividors in a pixel perfect place and placing the <li>s via specific margin amounts. Generally that won’t work unless you are lucky :).
However, I do notice that “ul.menu li” needs display:inline; added for IE6
I’d rework the menu so that you’re not basing the <li>'s position off of luck and hoping that they match up with the dividors
Hey funktifyknow, how’d you find that thread? Did that actually show up in the search?? Great thread, even mentions the iFrame shim.
billy_111, I would really try to set up the page so menus don’t cover Flash in the first place, if possible.
I’ve seen a page (for isla theatre) where someone took care to make the Flash stay under the dropdown menu, and it worked… except in Firefox on Linux. It seemed to be because of the Flash Player available for Linux (which technically is only for FF for Linux) at the time. So the makers of the site were sure they did everything correct and I still had trouble seeing it. Safer to try to stay away from it even with solutions available.
Could you point me to the site wehre this is at? I’d like to take a look at it lol
http://www.isalatheater.nl/ but they’ve already updated the site… the dropdown is still there but the small Flash they had on the main page has been moved… and some other things have been moved around as well.
I don’t know if this was done because of some Linux user complaining or not, and I also don’t know if a newer Flash player for Linux had fixed the problem. Notice they are using a “dickerfisch” javascript which I think they were maybe using to help with the z-index issue (since the dropdown is CSS-based). Firefox on Windows did NOT have the problem, nor did Opera on Linux (at the time I had Ubuntu Hardy Haron (8.04)) and Flash was installed for FF and Opera back then… that would be, last summer.
It was one of the top results for: javascript menu flash fix. I had a feeling that the menu was javascript just by the problem the OP was having. CSS dropdown usually do a little better when opening over flash. I see it all the time at work and just made a lucky guess