Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    select box overlap in IE6

    I have a "classic" problem which I have so far been unable to successfully implement a workaround in.

    I have a drop down menu, which when selected overlaps a drop down combo box- so you actually see the combo box 'ON TOP' of the menu drop down. But the menu is supposed to be on top of the combo box - ie overlapping it - but it isnt in IE6. Because z-index doesnt work with a combo box, I have been searching for a workaround.

    My combo box has the name usercat.

    I did try the following based on something I found but it doesnt work.

    I put this in the HEAD section.

    Code:
    <script type="text/javascript">
        window.onload = function() {clearPreloadPage(); }
    </script>
      <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
        function clearPreloadPage() 
        { //DOM
            if (document.getElementById)
            {
                document.getElementById('usercat').style.visibility='visible';
            }
            else
            {
                if (document.layers)
                { //NS4
                    document.usercat.visibility = 'visible';
                }
                else 
                { //IE4
                    document.all.usercat.style.visibility = 'visible';
                }
            }
        }
    // End -->
    </SCRIPT>
    And my code that implements the drop down, looks like this:

    Code:
    <select name="usercat" class="field_long" style="width:262px;visibility: hidden" onmouseover="this.style.visibility='visible'" onmouseout="this.style.visibility='hidden'">
    I have also tried the so-called iframe solution to this problem, but havent been able to understand it enough to apply.

    Can anyone help or provide some hints for a better alternative?

    Thanks.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    select box overlap in IE6
    But the menu is supposed to be on top of the combo box - ie overlapping it - but it isnt in IE6.
    Anyway http://20.targetprocess.com/2006/07/...x-problem.html may help!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jun 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This is helpful, but I have concerns about the memory it appears to be using (according to the article). I was hoping to find a solution without the iframe...


  •  

    Posting Permissions

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