IE 7 ошибка? Установка высоты <li>сбрасывает счетчик упорядоченного списка - PullRequest
1 голос
/ 24 октября 2011

Я обнаружил, что могу только предположить, что это ошибка IE7, но я нигде не смог найти упоминания об этом в Интернете. Похоже, что установка высоты <li> элементов в упорядоченном списке сбрасывает счетчик списка (аналогично counter-reset css свойство).

Это довольно легко воспроизвести, отображая следующий код ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style type="text/css">
        li { height: 20px; }
    </style>
</head>
<body>

    <ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ol>

</body>
</html>

Производит это ...

Rendered by IE9 using Browser mode: IE7, Document Mode: IE7 standards

Удаление правила CSS устраняет проблему.

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

Примечание. В настоящее время у меня нет доступа к настоящему компьютеру с IE7, поэтому я использую режим браузера IE7 в IE9. Я полагаю, это точно?

1 Ответ

1 голос
/ 24 октября 2011

ОК, я могу подтвердить, что это действительно ошибка в IE7 и ниже.

Установка height или width сделает это.

Простое исправление:

ol li {
  display:list-item;
  height:40px;
}

Кто-то сталкивался с этим раньше, и есть несколько обходных путей.

http://weblogs.asp.net/marksmith/archive/2008/01/11/ie7-bug.aspx

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...