• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Select box overlaps the layer issue in IE

 
Mike Thomson
Ranch Hand
Posts: 121
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Posts: 544
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.

 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64715
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic