#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Location
    Los Angeles
    Posts
    1
    Rep Power
    0

    Question CSS dropdown menu in IE not displaying properly


    Hi all,

    This is the xHTML link

    This is the CSS file.

    Please open this in Internet Explorer.

    Notice that when the drop-down menu falls over the drop-down list form, it gets hidden beneath the list.

    I've spent a whole week trying to fix this but wasn't successful

    This works perfectly in Firefox though.


    Thanks!!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Posts
    30
    Rep Power
    11
    Unfortunately I couldn't get the menu working properly but there's obviously some layering thing going on. Have you tried playing around with the z-index attribute?
  4. #3
  5. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    The select box is an OS artifact and like Java applets, or Real players is always on top. The normal fix is to render the select box visibility:hidden or display:none, or to place it so there is no overlap.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Singapore
    Posts
    89
    Rep Power
    12

    Smile


    I have had the same problem and I posted a similar post. I used gary's suggestion - it worked! Thx gary ^^

    By the way almcc, the <select> box has a Z-index of infinity. So it remains on top of everything.
    So Z-index is useless here
    Last edited by yofreak69; March 6th, 2004 at 09:00 AM.
    Lifeless

IMN logo majestic logo threadwatch logo seochat tools logo