layers and select boxes

[Sarky78]

we have got some naviagtion that appears at the top middle of the page and lists down the page, using layers to turn the navigation on and off based on the user click. all of this works fine, apart from one page where we have got a select drop down list. when the navigation is clicked (that is positioned just above the select box) instead of the navigation displaying over the top of the select box some of the navigation is going behind it. the select box is not in a layer, but the nav is and the layer has got a z-index of something high so it should be the only element in that index.

does anyone have any idea how we can get the navigation to appear over the top of the select box ??

 

[wood]

I am having the same problem. Did you figure this one out? Or does anyone else have an idea?

 

[mithrilhall]

Try this:

<Div STYLE=&quot;Z-Index: 0 (or lower than the menu)&quot;>
Select Box
</Div>

 

[wood]

Thanks for the suggestion, but I have tried that.

I have also tried hiding the select box, but it only works with IE.

I used the following code:

document.BILLNO.style.visibility = hidden
or
document.BILLNO.style.visibility = visible

In Netscape, this gives the error: &quot;document.BILLNO has no properties&quot;

Any other suggestions?

 

[gerrygerry]

Check this out:

http://www.faqts.com/knowledge_base/view.phtml/aid/9789/fid/53

-gerrygerry
Go To

http://quickfreewebsite.com!

 

[riffy]

actually you CAN do this but it takes alot more javascripting..

something like this?

http://test.philipslighting.com/coolmenus/withoutframes/menu11.html

 

[mobilebucky]

put the navigation in a separate page and put the page in an IFrame and set the z-index of the IFrame higher than the original page can get around the problem. The catch is only IE5.5 or above will work with this workaround.