Dropdownlist overlaps menu control

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • jaleel
    New Member
    • Sep 2007
    • 38

    Dropdownlist overlaps menu control

    I have an aspx page containing a menu and some other controls including dropdown list.The problem is when i hover the mouse on menu control it displays all menu items.

    But the part where dropdown control is renderd the menu part is gone behind the dropdown. I heard that it is aproblem of IE6 and related to z-index and all.



    My sceario is like this:
    1.I have a user control which contains the menu .This also contains some javascript to generate the menu depending on the menu item selected.
    2. I put this user control to a Masterr page
    3. There is a dropdown list (which is the culprit) in content page which is always on top of th menu.

    I came to know that iframe is a solution. But I cant make it workable in my scenario.

    Could anybody lend a helping hand here.

    Thanks in advance,

    Jaleel
  • Ashlewis
    New Member
    • Mar 2008
    • 20

    #2
    This sounds like a styling problem to me?
    Are you using a stylesheet?
    If so this can be sorted using z-index as you stated.
    The z-index is the ordering of how somthing appears on your page, a low z-index will be further back that somthing with a higher z-index.and therefore a high z-index "object" will overlap the lower z-indexed one.

    I dont really know how you've set up your drop down menu but somthing like this should work

    put the CONTENT of your menu in a div.
    set the styling of your menu div to have z-index of say 100.

    now set whatevers overlapping your menu in a div too
    and set that div to have z-index of say 1

    you must set the zindexs of both divs or they wont interact with eachother how you wish.

    If this isnt particularly possible to your design and you cant find a solution, id suggest scrapping your javascript menu and many going with a pure css dropdown menu,theres plenty of prebuilt ones online.

    Comment

    • jaleel
      New Member
      • Sep 2007
      • 38

      #3
      Thanks Ashlewis .

      I came to knew from various articles that dropdown list and list boxes are windows controls and they do not have z-index property. Actually I tried ur suggestion but not working in my case.

      I heard about a solution of using <iframe>. But struggling to makr it working in my application.

      Comment

      Working...