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

回答

相关问题