Solved

Menu in div-layer over transparent flash makes menu unclickable in IE6

Posted on 2008-09-30
3
1,245 Views
Last Modified: 2013-12-08
Hi

Please take a look at following site, using IE6: http://www.leparadisbleu.be/NL/

In IE7, FF, ... it's all OK. But in IE6, the menu is unclickable.

The structure of the site:
- there is a div layer which includes a flash (with wmode=transparent).
- above the div with the flash, there is a div with a HTML-menu.

Can anybody give me an advice how to fix the css-related bug in IE6?

Thanks for the advice!

Tip: You can install "Multiple IE" (http://tredosoft.com/Multiple_IE) for viewing the site in different versions of Internet Explorer.

Regards
Mathias
0
Comment
Question by:corcon
3 Comments
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
ID: 22630711
"- above the div with the flash, there is a div with a HTML-menu."

No, that doesn't work in IE6 -- flash always occupies the top layer, and no menu will get above it, sorry.

Simply rearrange your page to where the flash is in its own defined region.  It is good coding practice.  To have elements like flash competing with drop down or pop up menus is just asking for x-browser issues.
0
 

Author Closing Comment

by:corcon
ID: 31501531
Thanks for your answer.

Will search for another solution.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

919 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now