File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
http://aspose.com/file-tools
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
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
Author

Select box overlaps the layer issue in IE

Mike Thomson
Ranch Hand

Joined: Nov 07, 2007
Posts: 115
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

Working


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: 511
Hello,
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.


Regards,
Amit
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60982
    
  65

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] [Bear's FrontMan] [About Bear] [Books by Bear]
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Select box overlaps the layer issue in IE