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

Javascript dropdown problem in IE 6 and IE7

P: 9
Hello javascript folks,

PROBLEM: Javascript dropdown problem in IE 6 and IE7
DESCRIPTION: menu falls behind a container box on web page
COMMENTS: It works fine in Firefox but not in IE 6/7 versions


Notice this URL using IE6/7:

http://iimaaconference.com.yourtempsite.com/
site/welcome_to_IIMAA_training_conference.html

You'll see a javascript scrollbar container box, holding the main content. You will also see a javascript
horizontal menu -- starting with "Home" / "About the Conference" / "The Venue" and so on.

Now, go ahead and mouse over on "About the Conference" and others. See how the drop down menu falls behind
the main content container box? The menu is not readable, then menu should be on top of page content, not
hidden behind.

The javascript drop down menu works perfectly fine over static HTML, visit the URL below to see how the
menu should look:

http://iimaaconference.com.yourtempsite.com/site/

Additional Notes: One developer mentioned there is a compatibilty problem with IE6/7 and overlapping javascript menu with scroll box. The developer did some research, mentioning to eleminate the javascript scrollbar altogether.
Customer wants both menu's and scroll box intact.

OK, if anyone has ideas about how to fix this problem, please let me know.

Best,
Paul
Nov 10 '09 #1
Share this Question
Share on Google+
1 Reply


acoder
Expert Mod 15k+
P: 16,027
Try specifying the z-index to be higher than that of the main content container.
Nov 11 '09 #2

Post your reply

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