问题描述
|
我对此问题有一个类似的问题,为什么我的浮动左div使用960.gs转到IE6中的下一行?
在我的设计中,子类别应为每行4个。它们在FF,Safari,Chrome中看起来不错,但在ie6中,每行仅显示3。我尝试为ie6创建一个不同的CSS,但是它没有用,我也尝试减小每行的宽度和填充,但是我仍然每行有3个子类别。
我再次询问,因为我敢打赌解决方案可能非常特定于您拥有的CSS。
解决方法
尝试将每个.subcategory的宽度设置为24%或最大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%;
我尝试将它们设置为30px和24%,并且在IE6中可以正常工作!