Почему мои списки ul и ol не отображаются должным образом в IE7?

Question

Что-то, кажется, нарушает отображение списков (ul и ol) в IE7. Они отлично работают в IE8, FF, Safari и т. Д., Но не в IE7 и IE6.

Я просто хочу, чтобы они отображались нормально: ul списки должны показывать маркеры, а ol списки должны показывать числа.

Я сузил его до первых 1000 строк кода в styles_layout.css ...;)

На самом деле, я считаю, что это как-то связано со следующими стилями:

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
} 

Посмотрите здесь: http://www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2, войдите как guest

Answer 1

IE7 и ниже стиль ul элементы, как это:

ul {
  margin-left: 40px
}

Хорошие элементы браузера в стиле ul, например:

ul {
  padding-left: 40px
}

Эрик Мейер лучше объяснит здесь: https://developer.mozilla.org/en/Consistent_List_Indentation а раздел «Поиск согласованности» расскажет вам, что вы делаете.

Answer 2

Это потому, что элементы ul / li унаследовали свойство нулевого поля.

Answer 3

Я решил это методом проб и ошибок:

* {
    margin: 0;
}

Это мешает Ол и Ул правильно отображаться в IE7 и IE6. Понятия не имею, почему ...

Answer 4

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

Мне пришлось указать класс, связанный с ul, и установить тип списка.

.classname ul { list-style disc inside }

Попробуйте и посмотрите, поможет ли это.