Meaningless Drivel is fun!
The moose likes HTML, CSS and JavaScript and the fly likes Select box overlaps the layer issue in IE Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

Win a copy of Java Interview Guide this week in the Jobs Discussion forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Select box overlaps the layer issue in IE" Watch "Select box overlaps the layer issue in IE" New topic

Select box overlaps the layer issue in IE

Mike Thomson
Ranch Hand

Joined: Nov 07, 2007
Posts: 121
I have a frameset like below:

1. Menu.html has the main menu.
2. Whenever I mouseover on the Menu.html (main menu) the sub menu will be floating on the second frame thats is on Search.html.

Search.html is having some select boxes and while the sub menu floating over it the select boxes overlaps it in IE but not in FF.
z-index option and all it's not working in IE for select boxes alone.

To avoid it I am trying to hide/show the select boxes when the layer floating over it.

From the Menu.html ("body" frame) I am trying to get all the select boxes available at Search.html("MyFrameOne" frame), as below, but it's failing and throwing javascript error as

Not Working

When I tried to get the value of textbox from ("body" frame) to ("MyFrameOne" frame), I can able to get the value as


I want to hide the select boxes when the layer floating over it and need to bring back the select boxes when the layer hides.
Right now I can't use getElementById, since the body frame html page will differ and id is not used in many select boxes.
Please help to advice how to achieve it?
amit punekar
Ranch Hand

Joined: May 14, 2004
Posts: 544
Try using zIndex property , we had used one menu implementation from third party and they used zIndex to resolve such kind of issue. I think this issue comes in IE6 and not in IE 7.

Bear Bibeault
Author and ninkuma

Joined: Jan 10, 2002
Posts: 63873

z-index will not help in IE6. The only way to prevent a select element from being "on top" is to occlude it with a heavy-weight element like an iframe.

This bug is one of the many reasons that no application I work on supports IE6, which is now two revisions old.

[Asking smart questions] [About Bear] [Books by Bear]
I agree. Here's the link:
subject: Select box overlaps the layer issue in IE
It's not a secret anymore!