Results 1 to 5 of 5
  1. #1
    Join Date
    Dec 2003
    Location
    Pakistan
    Posts
    343

    HTML Help: Drop-down is being displayed in back of text boxes

    I'm working on an HTML page with a drop-down on top. This page as some input text boxes and select menus.

    Problem is that, when we place mouse cursor on drop-down menu, all options under this menu are shown underneath the text-boxes instead of being on front/top.

    I've also attached a small snap-shot to give you some more detail on what i'm talking about.

    What am i doing wrong or what i need to do to get this menu on top?
    Attached Thumbnails Attached Thumbnails menu_trouble.gif  
    Muhammad Waseem
    Inspedium Corporation (Pvt) Ltd.
    InsPanel - Hosting Control Panel for Windows 2000/2003

  2. #2
    Join Date
    Nov 2002
    Location
    United Kingdom
    Posts
    247
    Im guessing you're using CSS to style the dropdowns and textboxes, try adjusting the z-index of the menus. You want the dop down menu to have a higher z-index than the textboxes.

    http://css.somepeople.net/zindex

  3. #3
    Join Date
    Dec 2003
    Location
    Pakistan
    Posts
    343
    Tried assigning z-index to all layers and input boxes and tried http://www.experts-exchange.com/Web/..._20913131.html, but that hasn't help to fix the issue yet.

    Thanks anyway.
    Muhammad Waseem
    Inspedium Corporation (Pvt) Ltd.
    InsPanel - Hosting Control Panel for Windows 2000/2003

  4. #4
    Join Date
    Sep 2000
    Location
    Alberta, Canada
    Posts
    3,109
    The only possible solution to this problem (as of now) is to hide the "SELECT" element dynamically when the windowless elements are required to overlap the windowed element.

    http://www.webreference.com/programm...pt/form/2.html

    Once you customize the code for your needs, it works like a charm.
    PotentProducts.com - for all your Hosting needs
    Helping people Host, Create and Maintain their Web Site
    ServerAdmin Services also available

  5. #5
    Join Date
    Oct 2002
    Location
    Canada
    Posts
    3,100
    If you search hard enough you will find article on microsoft.com where they say that this is not a bug but the limitation of Internet technology. I laughed at that. But in a same article they also say that select menu in IE is handled the same way as inline frame, which means that you cannot cover it with content from other frames. Only way to have this work (besides hiding of select menus on the page) is to change your menu to use iframes instead of divs, which it not way too difficult. If you decide on hiding though, I suggest you use background images that look as similar to actual menu as possible and place them behind selects. That will avoid some screen flicker as you hide and show select boxes and page will look smoother.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •