Javascript Menu hidden behind IFrame in Netscape.

Posted on 2006-07-24
Last Modified: 2013-11-19
We are using one of the javascript menus. The problem is that it is working fine in IE but the menus get hidden in Netscape 6.2. I tried giving absolute position and z-index etc.

Any workarounds please?

Question by:hangar18
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 2
  • +1

Expert Comment

ID: 17170337
Please post something more solid than 'we are using javascript menus' . A hyperlink to live problem would be great.

Outside of that, Use an IF then else clause to display different types of menus to non mozilla (iE)users. i wouldnt be overly concerned with it though, more concentrated on the IE version of your page. you could also redirect them to a different page based on browser type.

What, if any, scripting language other than Javascript  being used?    PHP or ASP??


Author Comment

ID: 17170379
Sorry. But its one the menus that we downloaded. I didnt think that it would be a good idea to post the code here. THe menu is a simple  vertical menu with horizontal submenus. And we're using ASP.NET.

I know its a little too vague but if someone has worked on any javascript menu and have faced the same issue, maybe I could get some help.


Expert Comment

ID: 17170388
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users


Expert Comment

ID: 17172085
Simple answer:  Buy a menu such as Sothink Dhtml Menu.  These are now cheap and the grunt work has been doen for you.

Expert Comment

ID: 17172596
Well nobody can help you with out the source, javascript or not. THE DOM (Document Object Model) is not consistant no matter what people think. If it was my problem, id make the whole damn thing out of css, which in most cases will solve the problem.  

Otherwise my suggestion is to just go to, their javascript menus are simple, but effective.

In rational terms of how to solve your problem, the simplest solution that i would use, is to simply have an 'onload' javascript event that guarantees your menu is on top. SO basically it would be like this

Step 1. Put your menu in a div and give it an ID
Step 2. Force that element to the top of the zindex using javascript onload.
Step 3. Assign points to answer.

Example Javascript for onload event

setTimeout(" = 1",9000);

this line, correctly place, will force the element to the front. just put it in the body,
<body onload="setTimeout(" = 1",9000);">

and after  9 seconds(9000 ms) , the layer will be forced to the front. if you need a live example let me know.

Expert Comment

ID: 17175947
That won't always work, I've tried it with Opera, it always shows under the iframe even if the zindex is higher. Might be the same for Netscape 6.2, I'm not sure.

I you got a live working opera proof example with the zindex I want to see it.

Author Comment

ID: 17176012
Hi Error...
It didnt work with Netscape 6.2 too.
I think I can go with more points but can you get it work please :)
This must be the first time I'm greeting an Error! :)

Accepted Solution

Error113 earned 150 total points
ID: 17177852

this page as you can see in opera 9, firefox , and IE.  has a menu on the left hand side. if you dont have flash installed this will make no sense. As you can see, It is possible to use js to force the menu above the iframe, you just need it encapsulated. I HIGhly RECOMMEND the use of SIFR for cool fonts and menus.. look it up.

Assisted Solution

davbouchard earned 150 total points
ID: 17184137
It might work with opera 9 but not opera 8.

On Opera 9, you just need the style position:absolute to show it on top.

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

734 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