Forum Moderators: not2easy

Message Too Old, No Replies

IE6 problem: drop down menu appears under form select field

something with z-index probably?

         

LetItBe

9:29 am on Feb 27, 2007 (gmt 0)

10+ Year Member



Hi,

I have a drop-down menu (ddmenu) with attribute "position: absolute" on the site, for example:

<div id="container">
<div id="ddmenu">
link1 link2 link3
</div>
</div>

Below menu there is a form with few "select" type fields.

Problem: once I move mouse over the drop-down menu, this should come up over the form "select" fields, unfortunately it appears under the fields. However, it works fine with IE7, FF, Opera.

Any ideas?

Thanks a lot.

Alternative Future

10:53 am on Feb 27, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi LetItBe,

The select control is a windowed control/element (controlled by the browser and OS) other more manageable controls are windowless.

Windowed controls have an infinite z-index, that prevents them being hidden. Unless of course you do the following:

Using an iFrame between the combo box and the div or table cell (or similar) Here is the link to a tutorial on how to overcome this issue.

[dotnetjunkies.com...]

HTH,

-Gs

LetItBe

11:18 am on Mar 4, 2007 (gmt 0)

10+ Year Member



Hi Alternative Future,

Thanks a lot for supporting me - it worked out fine!