строка div не отображается правильно, т.е.

Question

У меня похожая проблема с этим вопросом Почему мой плавающий левый div переходит на следующую строку в IE6, используя 960.gs?

В моем дизайне подкатегории должны быть4 в ряду.Они хорошо смотрятся в FF, Safari, Chrome, но в ie6 они показывают только 3 на строку.Я попытался создать другой CSS для ie6, но это не сработало, также я попытался уменьшить ширину и отступ каждой строки, но все же у меня есть 3 подкатегории в строке.

Я снова спросил, потому что держу пари, что решение можетбудьте очень внимательны к имеющейся у вас CSS.

Answer 1

попробуйте установить ширину каждой подкатегории на уровне 24% или максимум 237 пикселей

.subcategory
{
    width:24%;
}

обновлено

в категории. 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 это работает!