2011-05-26 53 views
0

我有一个类似的问题,这个问题Why does my floated left div go to the next line in IE6 using the 960.gs?DIV线犯规正确显示IE6向左浮动

在我的设计中,子类别应该是4每行。他们在FF,Safari,Chrome中看起来很好,但在ie6中,他们只显示每行3个。我试着为IE6创建一个不同的CSS,但它没有工作,我也试图减少每行的宽度和填充,但仍然有每行3个子类别。

我再次问,因为我打赌解决方案可以是非常具体的你的CSS。在24%或每.subcategory的

回答

1

尝试设置宽度最大237px

.subcategory 
{ 
    width:24%; 
} 

更新

在这样category.css变化:

.subcategory { 
    FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 24%; HEIGHT: 230px; TEXT-ALIGN: center 
} 
.category-item-image { 
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px;   HEIGHT: 170px; oveflow: hidden 
} 
.subcategory-image { 
DISPLAY: block; BACKGROUND: #fff; MARGIN: 5px 30px; WIDTH: 170px; PADDING-TOP: 5px; HEIGHT: 170px; oveflow: hidden 
} 

的问题是

MARGIN: 5px 34px; 

WIDTH: 25%; 

我试过在30像素和24%,将它们设置在IE6它的作品!

+0

我试过用width = 200px;它不工作 – 2011-05-27 00:00:58

+0

哦!我现在读了IE6!微软不再支持IE6!统计显示,今天只有2.5%使用IE6(http://www.w3schools.com/browsers/browsers_explorer.asp)。你确定你需要支持它吗?在IE9和“兼容模式”下,它的工作效率为24%。 – danyolgiax 2011-05-27 07:46:27

+0

我知道,但我正在工作的人要求并为此付出额外费用。他们想要支持ie6,我讨厌那件事 – 2011-05-30 15:39:19