Dropdown z-index problem

Bob Ross

I am trying to place an object on top of a drop down menu but the drop down always displays at the front in IE6.
Here is my code -

Expand|Select|Wrap|Line Numbers

  <div runat=server align=left style="position:absolute; z-index:1"><asp:DropDownList ID="DropDownList1" runat="server" Width="234px"></asp:DropDownList></div>

                                     <div runat=server align=left style="position:absolute; z-index:100"><asp:TextBox ID="TextBox1" runat="server" Height="108px"></asp:TextBox></div>

*This is simple case to try and work out a solution.
I have been googling and came across this - "Windowed elements such as SELECT and, in earlier browsers, IFRAME are always a higher z-index than other elements, such as DIV."

Does anyone know a way around this at all?

PaulVS

Quote:

Originally Posted by Bob Ross

I am trying to place an object on top of a drop down menu but the drop down always displays at the front in IE6.
Here is my code -

Expand|Select|Wrap|Line Numbers

  <div runat=server align=left style="position:absolute; z-index:1"><asp:DropDownList ID="DropDownList1" runat="server" Width="234px"></asp:DropDownList></div>

                                     <div runat=server align=left style="position:absolute; z-index:100"><asp:TextBox ID="TextBox1" runat="server" Height="108px"></asp:TextBox></div>

*This is simple case to try and work out a solution.
I have been googling and came across this - "Windowed elements such as SELECT and, in earlier browsers, IFRAME are always a higher z-index than other elements, such as DIV."

Does anyone know a way around this at all?

Hi there,

Its a known problem and what i find the best sollution is with Javascript trigger a onmouseover event on what needs to be on top of the dropdown. And then hide the dropdown.

Greetings,

Paul

drhowarddrfine

I never remember the solution to this (in css) though I've seen it myself. Play with adding position:relative to some of the elements (I think). You might trying adding your own z-index value.

Dropdown z-index problem

re: Dropdown z-index problem

re: Dropdown z-index problem

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about