I have a drop down menu which appears in front of a popup (dropin?) window and in front of my site menu items. I have tried increasing the z-index but it has no effect. As far as I know this only happens in IE6 on windows and not in NN or Mozilla. I don't know about the other browsers or platforms yet. For a view of what is happening go here:<br />
<br />
<!-- m --><a class="postlink" href="http://editfast.com/english/grammar/index.htm">http://editfast.com/english/grammar/index.htm</a><!-- m --><br />
<br />
Thanks in advance for your help.<!--content-->you cannot do anything about it. that is what I said when you asked about the browse button. you cannot control that drop down as it is controlled by the OS and not the browser. and yes it happends in all of browsers<!--content-->Thanks Scoutt but I think you misunderstood. This is a different problem. The jump menu (sorry not a drop down menu) is on the page and the site menu is a separate app and the dropin window is a layer. It does not happen when I use NN or Mozilla. Only in IE. Take a look here:<br />
<!-- m --><a class="postlink" href="http://editfast.com/english/grammar/index.htm">http://editfast.com/english/grammar/index.htm</a><!-- m --><br />
<br />
mouseover the last menu item and you will see what I mean. Surely there must be a way to correct this? I can't imagine people would just leave it that way since it looks so horrible and is only semi-functional.<!--content-->so are you talking about the site menu going behind the "editfindfast menu?<br />
<br />
maybe I am not understanding. which menu and what exaclty is it doing?<!--content-->Yes that is what I meant. So you do understand the problem. Sorry. How can I fix this? I haver tried everything.<!--content-->that is what I meant you can't. IE is so tighly intergrated into the OS that it is the OS that is controlling the select box. the other browsers are not as hooked into the OS and it doesn't happen. <br />
<br />
I have a really good link that explains it but I can't seem to find it. I will post it if I do.<br />
<br />
edit: and yes the only way to fix it is to hide the select box. <br />
use <br />
visibility: hidden; <br />
on it when the menu is over it<br />
<br />
edit II: here it is Bob, <br />
<br />
<!-- m --><a class="postlink" href="http://www.webreference.com/dhtml/diner/seethru/">http://www.webreference.com/dhtml/diner/seethru/</a><!-- m --><br />
<br />
tht explains it the best I think.<!--content-->Aha! so there is a solution. I knew you had it somewhere in your library. Thanks Scoutt. That at least points me in the right direction and gives me something to play with.<!--content-->well I wouldn't call it a solution, but a work-around if you may. the solution would be to control it by z-index but you can't.<br />
<br />
you are welcome Bob, glad to help
<!--content-->I could hide the select box<br />
using "visibility: hidden;" I tried it and it works but I can't figure out how to get it to hide only when the menu or the dropin layer is over it. Any ideas how to do this?<!--content-->well I have never done it but this is the way I believe.<br />
<br />
in the menu that gets dropped down you have to detect if it drops down over the selct box. if it does then you hae to hide the select box and then put it back after the menu leaves.<br />
<br />
maybe somebody can help further, sorry Bob, but javascript is not my fortay.<!--content-->I have to give up on the Javascript idea. It is far too complicated and messy. What about simply placing those drop down menus in a layer positioned at that spot and then assigning a z-index to the layer?<br />
<br />
This should work no?<!--content-->you don't have a choice. the select box doesn't go by z-index so what every you use it will be above everything. and no you can't make the layer have a z-index higher, hence the seclt box doesn't go by z-index.<br />
<br />
that is what that site I showed you said, did you not read it?<!--content-->Yes I did read it but I was just hoping this might work. I am not that proficient with layers so my understanding of them is minimal. Also, I have never run into this problem before or read anything about it before so I am having trouble accepting the fact that it can't be fixed. I guess I will have to move the page items around after all. Thanks for your help Scoutt.<!--content-->
<br />
<!-- m --><a class="postlink" href="http://editfast.com/english/grammar/index.htm">http://editfast.com/english/grammar/index.htm</a><!-- m --><br />
<br />
Thanks in advance for your help.<!--content-->you cannot do anything about it. that is what I said when you asked about the browse button. you cannot control that drop down as it is controlled by the OS and not the browser. and yes it happends in all of browsers<!--content-->Thanks Scoutt but I think you misunderstood. This is a different problem. The jump menu (sorry not a drop down menu) is on the page and the site menu is a separate app and the dropin window is a layer. It does not happen when I use NN or Mozilla. Only in IE. Take a look here:<br />
<!-- m --><a class="postlink" href="http://editfast.com/english/grammar/index.htm">http://editfast.com/english/grammar/index.htm</a><!-- m --><br />
<br />
mouseover the last menu item and you will see what I mean. Surely there must be a way to correct this? I can't imagine people would just leave it that way since it looks so horrible and is only semi-functional.<!--content-->so are you talking about the site menu going behind the "editfindfast menu?<br />
<br />
maybe I am not understanding. which menu and what exaclty is it doing?<!--content-->Yes that is what I meant. So you do understand the problem. Sorry. How can I fix this? I haver tried everything.<!--content-->that is what I meant you can't. IE is so tighly intergrated into the OS that it is the OS that is controlling the select box. the other browsers are not as hooked into the OS and it doesn't happen. <br />
<br />
I have a really good link that explains it but I can't seem to find it. I will post it if I do.<br />
<br />
edit: and yes the only way to fix it is to hide the select box. <br />
use <br />
visibility: hidden; <br />
on it when the menu is over it<br />
<br />
edit II: here it is Bob, <br />
<br />
<!-- m --><a class="postlink" href="http://www.webreference.com/dhtml/diner/seethru/">http://www.webreference.com/dhtml/diner/seethru/</a><!-- m --><br />
<br />
tht explains it the best I think.<!--content-->Aha! so there is a solution. I knew you had it somewhere in your library. Thanks Scoutt. That at least points me in the right direction and gives me something to play with.<!--content-->well I wouldn't call it a solution, but a work-around if you may. the solution would be to control it by z-index but you can't.<br />
<br />
you are welcome Bob, glad to help
<!--content-->I could hide the select box<br />using "visibility: hidden;" I tried it and it works but I can't figure out how to get it to hide only when the menu or the dropin layer is over it. Any ideas how to do this?<!--content-->well I have never done it but this is the way I believe.<br />
<br />
in the menu that gets dropped down you have to detect if it drops down over the selct box. if it does then you hae to hide the select box and then put it back after the menu leaves.<br />
<br />
maybe somebody can help further, sorry Bob, but javascript is not my fortay.
<!--content-->I have to give up on the Javascript idea. It is far too complicated and messy. What about simply placing those drop down menus in a layer positioned at that spot and then assigning a z-index to the layer?<br /><br />
This should work no?<!--content-->you don't have a choice. the select box doesn't go by z-index so what every you use it will be above everything. and no you can't make the layer have a z-index higher, hence the seclt box doesn't go by z-index.<br />
<br />
that is what that site I showed you said, did you not read it?<!--content-->Yes I did read it but I was just hoping this might work. I am not that proficient with layers so my understanding of them is minimal. Also, I have never run into this problem before or read anything about it before so I am having trouble accepting the fact that it can't be fixed. I guess I will have to move the page items around after all. Thanks for your help Scoutt.<!--content-->