• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 294
  • Last Modified:

Why do my controls ignore the z-Index value ?


I have a web page with a dropdown, panel control, and a details view control.

When I display my panel and the details view control  the dropdown is always on top of
the detailsview field.

I tried resetting thje z_index for both controls but that didn't work.

I am I overlooking something else ?

=Dropdown control ====================================
   <asp:DropDownList ID="DropDownList9" runat="server" AppendDataBoundItems="True" AutoPostBack="True"
        DataSourceID="ObjectDataSource8" DataTextField="Lname" DataValueField="assignee_ID"
        Style="z-index: 102; left: 535px; position: absolute; top: 153px" Width="111px" EnableViewState="true">
        <asp:ListItem Selected="True" Text="Please make a Selection" Value="0"></asp:ListItem>
====== panel and detailsview controls ============
<asp:Panel ID="Panel1" runat="server" BackColor="Gainsboro"
        Height="535px" Style="z-index: 104; left: 373px; position: absolute; top: 196px;
        bottom: auto ; background-color:LightGrey" Visible="False" Width="736px" BorderColor="Gray" BorderStyle="Groove" ForeColor="Black">
        <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" DataKeyNames="ID"
            DataSourceID="ObjectDataSource4" DefaultMode="Insert" FieldHeaderStyle-BackColor="#F0F0F0"
            FieldHeaderStyle-Font-Bold="true" Height="36px" Width="692px" EnableModelValidation="True" style="z-index: 101; left: 5px; position: absolute; top: 23px" GridLines="Horizontal" BackColor="gainsboro" >

Open in new window

  • 2
1 Solution
Drop down lists have never obeyed z-index values, sorry.
gggoddardAuthor Commented:
Thanks rdivilbiss
So what's the problem with drop dwon lists and z-index values ?
gggoddardAuthor Commented:
I finally solved my problem.
I was using an Ajax Calendar extender control which extended beyond to a dropdown control located just beneath it.
I simply moved the calendar control to the right of my calendar textbox.
This works great.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now