www.webdeveloper.com
Results 1 to 2 of 2

Thread: Popup Menus Not Working with Explorer

  1. #1
    Join Date
    Aug 2012
    Posts
    1

    Popup Menus Not Working with Explorer

    My CSS popup menus, left side, here:

    www.geographicus.com

    don't seem to work with the latest edition of explorer, but are good on all other browsers. We are using CSS to make it work, see code below. Can anyone offer advice as to what may be causing this?

    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px; /* Width of Menu Items */
    border-bottom: 0px;
    }

    ul li {
    position: relative;
    line-height: 100%;
    z-index:10;
    }

    li ul {
    position: absolute;
    left: 149px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    width: 250px;
    z-index:10;
    }

    /* Styles for Menu Items */
    ul li a {
    display: block;
    text-decoration: none;
    color: #000000;
    background: transparent; /* IE6 Bug */
    padding: 2px 3px;
    border: 0px;
    border-bottom: 0;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    z-index:10;
    }

    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; height: 1%; z-index:10; }
    * html ul li a { height: 1%; z-index:10; }
    /* End */

    ul li a:hover { color: #B00000; background: #f9f9f9; z-index:10; } /* Hover Styles */

    li ul li a { border: 0px solid #ccc; padding: 2px 5px; background: #fffdfc; z-index:10; } /* Sub Menu Styles */

    li:hover ul, li.over ul { display: block; z-index:10; } /* The magic */

  2. #2
    Join Date
    Jun 2006
    Location
    Boston, MA
    Posts
    383
    try adding this to the very top of your page...

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    "Problems cannot be solved by the same level of thinking that created them.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles