IE6中不显示无序列表

时间:2014-06-02 10:35:35

标签: html css jsp css-float html-lists

我有一个带有无序列表的JSP页面,它在IE6中根本不显示,而它在Mozilla Firefox中完美显示。

我的JSP是:

<div id="topnav">
      <ul>
        <li class="active"><a href="index.jsp">Home</a></li>
        <li><a href="AboutUsServlet">About US</a></li>
        <li><a href="ContactUsServlet">Contact Us</a></li>
        <li><a href="#">PRODUCTS</a>

          <ul>
            <li><a href="#">LAPTOP</a></li>
            <li><a href="#">NOTEPAD</a></li>
            <li><a href="#">PALMTOPS</a></li>
          </ul>

 </li>
        <li class="last"><a href="#">SERVICES</a></li>
      </ul>
    </div>

CSS就是:

#topnav{
    display:block;
    float:left;
    width:660px;
    margin:0;
    padding:0;
    list-style:none;
    font-size:13px;
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    background-color:#000000;
    }

#topnav ul, #topnav li{
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    }

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{
    display:block;
    margin:0;
    padding:15px 20px;
    color:#FFFFFF;
    background-color:#000000;
    }

#topnav ul ul li a:link, #topnav ul ul li a:visited{
    border:none;
    }

#topnav li.last a{
    margin-right:0;
    }

#topnav li a:hover, #topnav ul li.active a{
    color:#FFFFFF;
    background-color:#059BD8;
    }

#topnav li li a:link, #topnav li li a:visited{
    width:150px;
    float:none;
    margin:0;
    padding:7px 10px;
    font-size:12px;
    font-weight:normal;
    color:#FFFFFF;
    background-color:#000000;
    }

#topnav li li a:hover{
    color:#FFFFFF;
    background-color:#059BD8;
    }

#topnav li ul{
    background:#FFFFFF;
    z-index:9999;
    position:absolute;
    left:-999em;
    height:auto;
    width:170px;
    border-left:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    }

#topnav li ul a{width:140px;}

#topnav li ul ul{margin:-32px 0 0 0;}

#topnav li:hover ul ul{left:-999em;}

#topnav li:hover ul, #topnav li li:hover ul{left:auto;}

#topnav li:hover{position:static;}

#topnav li.last a{margin-right:0;}

我用谷歌搜索并发现删除float:left;这项工作并放置display:block;对我有用。但它仍然无法正常工作。我甚至试过overflow:hidden;但是它也没有用。我在Eclipse中工作,默认情况下它的浏览器设置为IE6。

0 个答案:

没有答案