2011-05-26 72 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