список элементов уровня блока разделяется в IE6

Question

Я пытаюсь сделать страницу календаря в виде таблицы, используя элементы уровня блока фиксированной ширины и высоты. Существует внешний контейнер, который устанавливает ширину, и ячейки выравниваются с помощью float: left. Он хорошо работает в любом браузере, кроме IE6, где список разбивается после 29-го элемента.

Если я сделаю внешний контейнер немного более широким (минимум на 3 пикселя), проблема будет исправлена ​​в IE6. Поскольку элементы имеют ширину более 3 пикселей, это не меняет внешний вид страницы. Но я действительно не понимаю, почему это происходит, и что я должен делать, чтобы это не произошло.

Я попробовал IE7.js, но это не помогло.

Я знаю, что IE6 - такой старый глючный браузер, но хотя мои сайты просты, я предпочитаю делать их совместимыми с IE6.

ссылка на страницу вопроса

Answer 1

Вы можете исправить это, добавив это в конец style.css:

/* IE6 hack */
* html #naptar-list a, * html #naptar-list div {
    width: 77px
}

Это работает с помощью Star HTML hack , чтобы передать только IE6 объявление width: 77px (1px меньше, чем фактическая ширина), которое в моем тестировании решило проблему: я не совсем уверен, почему.