CSS display blocks and select lists in IE

Discussion in 'HTML' started by Amish, Jul 16, 2004.

  1. Amish

    Amish Guest

    Hi,

    I have CSS based popup menus which display over a select list.
    Everything works fine with Mozilla and Firefox but in IE the select list
    is always on top of the display block. The z-index as no effect in IE.
    This behaviour is confirmed by
    http://www.blooberry.com/indexdot/css/properties/position/zindex.htm
    The HTML listing below shows an example of a list display block that is
    covered by the select list in IE.

    Is there any work-around or method of getting the display block to
    display over the select list?

    Thank you in advance,
    Amish


    ------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>

    <style type="text/css"><!--

    ul.menu1 {
    background-color: red;
    color: blue;
    list-style: none;
    display: block;
    position: absolute;
    z-index: 10;
    }

    --></style>

    <body>

    <ul class="menu1">
    <li>ABC12345</li>
    <li>DEF12345</li>
    <li>GHI12345</li>
    <li>JKL12345</li>
    <li>MNO12345</li>
    <li>PQR12345</li>
    </ul>

    <form method="post" action="http://localhost/cgi/script"
    enctype="multipart/form-data">
    <select class="selection1" name="optionlist" size="5" multiple="multiple">
    <option value="ITEM1">ITEM1</option>
    <option value="ITEM2">ITEM2</option>
    <option value="ITEM3">ITEM3</option>
    <option value="ITEM4">ITEM4</option>
    <option value="ITEM5">ITEM5</option>
    <option value="ITEM6">ITEM6</option>
    <option value="ITEM7">ITEM7</option>
    <option value="ITEM8">ITEM8</option>
    </select>
    </form>

    </body></html>
    ------------------------------------------------------------------
     
    Amish, Jul 16, 2004
    #1
    1. Advertising

  2. Amish

    Mitja Guest

    Amish <>
    (news:cd98dl$pua$) wrote:
    > Hi,
    >
    > I have CSS based popup menus which display over a select
    > list.
    > Everything works fine with Mozilla and Firefox but in IE
    > the select list is always on top of the display block.
    > The z-index as no effect in IE. This behaviour is
    > confirmed by
    > http://www.blooberry.com/indexdot/css/properties/position/zindex.htm
    > The HTML listing below shows an example of a list display
    > block that is covered by the select list in IE.
    >
    > Is there any work-around or method of getting the display
    > block to display over the select list?


    No.

    > Thank you in advance,
    > Amish
    >
    >
    > ------------------------------------------------------------------
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    > Transitional//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
    > lang="en"><head>
    >
    > <style type="text/css"><!--
    >
    > ul.menu1 {
    > background-color: red;
    > color: blue;
    > list-style: none;
    > display: block;
    > position: absolute;
    > z-index: 10;
    > }
    >
    > --></style>
    >
    > <body>
    >
    > <ul class="menu1">
    > <li>ABC12345</li>
    > <li>DEF12345</li>
    > <li>GHI12345</li>
    > <li>JKL12345</li>
    > <li>MNO12345</li>
    > <li>PQR12345</li>
    > </ul>
    >
    > <form method="post" action="http://localhost/cgi/script"
    > enctype="multipart/form-data">
    > <select class="selection1" name="optionlist" size="5"
    > multiple="multiple"> <option value="ITEM1">ITEM1</option>
    > <option value="ITEM2">ITEM2</option>
    > <option value="ITEM3">ITEM3</option>
    > <option value="ITEM4">ITEM4</option>
    > <option value="ITEM5">ITEM5</option>
    > <option value="ITEM6">ITEM6</option>
    > <option value="ITEM7">ITEM7</option>
    > <option value="ITEM8">ITEM8</option>
    > </select>
    > </form>
    >
    > </body></html>
    > ------------------------------------------------------------------
     
    Mitja, Jul 16, 2004
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Fred Camper
    Replies:
    2
    Views:
    437
    Jukka K. Korpela
    Aug 16, 2003
  2. =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==

    List of lists of lists of lists...

    =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==, May 8, 2006, in forum: Python
    Replies:
    5
    Views:
    434
    =?UTF-8?B?w4FuZ2VsIEd1dGnDqXJyZXogUm9kcsOtZ3Vleg==
    May 15, 2006
  3. matt
    Replies:
    1
    Views:
    288
    George Ogata
    Aug 6, 2004
  4. Steven Taylor
    Replies:
    9
    Views:
    277
    Brian Candler
    Apr 27, 2009
  5. Dan Thomas
    Replies:
    0
    Views:
    291
    Dan Thomas
    Feb 2, 2011
Loading...

Share This Page