Почему пуля не отображается в IE6

Question

Это показывает в Firefox, но нет в IE (на самом деле мой IE6)

<style type="text/css">
 li { list-style-type:disc; }
</style>

<div style="margin: 2px auto 15px; padding: 5px 0px; width: 480px; text-align: center;">
<ul style="margin: 0; padding: 0; text-align: left; list-style-position: outside; overflow: visible;">
 <li ><em>test.</em> 111</li>
 <li><em>test.</em> 2</li>
</ul>
</div>

Можете посмотреть здесь: текст ссылки

EDIT Все требования:

1. Оставьте родительский div с фиксированной шириной.

2. необходимо сделать <ul> выравнивание текста: слева;

3. показать пули

Answer 1

Левый край списков всегда находится в тексте, а не в точках с маркерами. Другими словами, маркеры находятся за пределами ограничивающего прямоугольника списка, что заставляет их по какой-то причине исчезать в IE.

Добавьте немного left-padding в список (по крайней мере, 20 пикселей должно сделать это).

Я думаю, вы также хотите добавить doctype на страницу - на вашей странице примера список должен быть выровнен по центру, но это не для меня (в IE8), потому что IE находится в режиме причуд.

Answer 2

я знаю, что это старый стиль, но это должно работать

<li type="disc">... </li>

это может работать .. т.е. много проблем с css .. проблемы, которые будут исправлены ..

Answer 3

Попробуйте поэкспериментировать с полем / отступом на ul и задать компоновку для lis, возможно?

ul { margin:0 0 0 10px; padding:0 0 0 10px; }
ul li { zoom:1; }

Я забыл, о каком IE заботится, но ему нужно достаточно места, чтобы показать их.

Answer 4

из-за атрибута ширины CSS.

Я предлагаю вам установить атрибут ширины для тега li вместо ul

---

Редактировать

list-style-position: outside; может вызвать такую ​​же проблему в Firefox

Вам нужно будет найти другой способ оформления списка, , но если вы настаиваете на list-style-position: outside;, вы можете использовать javascript, чтобы установить атрибут ширины в подходящем месте.