Почему мои списки 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

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

* {
    margin: 0;
}

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

Answer 2

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

ul {
  margin-left: 40px
}

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

ul {
  padding-left: 40px
}

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

Answer 3

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

Answer 4

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

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

.classname ul { list-style disc inside }

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