UL浮子左不工作正確IE 6

這些UL是固定大小的容器內..UL浮子左不工作正確IE 6

    <ul> 
         <li><a href="#">ΑAOS</a></li> 
         <li><a href="#">ACC</a></li> 
         <li><a href="#">ACCP</a></li> 
         <li><a href="#">AJP</a></li> 
         <li><a href="#">Anejo</a></li> 
        </ul> 

        <ul> 
         <li><a href="#">ASCO</a></li> 
         <li><a href="#">British Medical Journal</a></li> 
         <li><a href="#">Current Medical Literature</a></li> 
         <li><a href="#">Clinical Publishing</a></li> 
         <li><a href="#"> EC-Europ</a></li> 
        </ul> 
        and another one

的問題是，與IE6他們採取所有的容器寬度...設置李浮動左犯規不採取整個寬度，但我不希望他們離開對方。

#journals-list {background: url(img/journals-background.png) ;background-repeat: no-repeat;height: 300px;width: 495px;} 
#journals-list ul {float: left;margin-left: 20px;margin-right: 20px;display: inline;zoom:1; margin-top: 55px;} 
#journals-list ul li{display: block; height: 39px; line-height: 39px;border-bottom-style: solid;border-bottom-color: #cc784e;border-bottom-width: 1px;padding-right: 15px;padding-left: 10px;} 
#journals-list ul li{background-image: url(img/journal-bullet.png);background-repeat: no-repeat;background-position: left center;} 
#journals-list ul li:last-child{border-bottom-style:none;border-bottom-width:0} 
#journals-list ul li a{text-decoration: none;color: #FFFFFF;}

我使用邁耶斯CSS RESET ..

來源

2011-04-26 GorillaApe

您可以加入一個鏈接到一個活動站點，或作出[JS斌（http://jsbin.com/）測試案例？ – thirtydot 2011-04-26 09:36:55

IE6不起作用。結束。 – Calum 2011-04-26 09:40:13

它在Mosaic中也不起作用。：S – Bazzz 2011-04-26 10:09:38

這似乎是一體的場合，當你不希望hasLayout的一套。問題是高度上#journals-list ul li設置導致hasLayout的對這些元件進行設置。刪除它，問題就消失了。添加，比如縮放：1，問題返回。

根據你想呈現的實際數據，你可以逃脫只刪除高度風格設置，並依託行高設置提供正確的垂直間距。

來源

2011-04-26 10:23:10 Alohci

謝謝謝謝了很多...你救了我很多小時:)高度是問題。現在workz大大.. – GorillaApe 2011-04-26 10:28:12

有一個缺點:(李左邊將填充時，它沒有佈局。 – GorillaApe 2011-04-26 10:53:45

UL浮子左不工作正確IE 6

回答

相關問題