заказанный список не работает над IE7 (<ol> <li)
Я пытаюсь создать заказанный список на IE7, но по некоторым причинам не работаю. Кто-либо знает, почему это может быть? Обновление
Проблема - то, что я не вижу числа, спасибо.
Спасибо.
например.
-
Обновление Как пример, я видел эту страницу, где при рассмотрении его на IE7 Вы, привычка видят de числа, но если Вы смотрите на него на ком-либо другом (но не т.е.) Вы будете видеть числа.
Спасибо
5 ответов
Этот SSCCE отлично работает во всех браузерах, начиная с IE6 и выше (IE6 / 7/8, FF2 / 3 , Safari3, Chrome4, Opera9).
<!doctype html>
<html lang="en">
<head>
<title>SO question 2401705</title>
</head>
<body>
<ol>
<li>Item 1
<li>Item 2
</ol>
</body>
</html>
Это работает даже, когда я пытался заменить синтаксически недопустимым . Итак, ваша проблема в другом. Вам действительно нужно более подробно описать «Не работает» в .Что именно происходит? Что именно происходит , а не ? Желательно отредактировать свой вопрос, включив в него SSCCE (как указано выше), и попытаться задать вопрос умным способом .
Обратите внимание: вопреки тому, что говорят другие, незакрывающий синтаксически допустим в нормальном HTML. Это действительно недопустимо в XHTML, но я не вижу причин для использования XHTML, если только вы не используете компонентную структуру MVC или какой-либо другой инструмент на основе XML для создания HTML-страниц.
Обновление : таким образом, вы не видите цифры. По-видимому, вы установили нулевое значение поля для ol . Таким образом они исчезнут из поля зрения. Следующий SSCCE демонстрирует это. Это действительно не работает в IE6 / 7.
<!doctype html>
<html lang="en">
<head>
<title>SO question 2401705 - IE6/7 problem</title>
<style>ol { margin: 0; }</style>
</head>
<body>
<ol>
<li>Item 1
<li>Item 2
</ol>
</body>
</html>
Не устанавливайте поле равным 0. Это также может быть вызвано так называемым листом сброса CSS. Не используйте их, просто не забудьте указать поля для всех элементов блока самостоятельно.
Возможно, вам также придется задать вашему упорядоченному списку margin-left, чтобы увидеть цифры в IE7. Попробуйте так:
<ol style="margin-left:25px;">
<li>test1</li>
<li>test2</li>
</ol>
Если вы не видите числа вообще, вероятно, вам нужно установить поля или отступы для элемента ol, например
ol {
margin-left: 3em;
}
Вам также может потребоваться установить list-style: decimal; .
Также есть некоторые ошибки CSS, которые могут странным образом повлиять на упорядоченные списки в старых версиях IE. Симптомом обычно является обнуление счетчика до 1 для каждого элемента. Вы это видите?
Дополните свои теги и все должно быть в порядке:
<ol>
<li>blah</li>
<li>ha</li>
</ol>
Убедитесь, что вы закрыли теги :
<ol>
<li>first thing</li>
<li>second thing</li>
</ol>