Por que meu ul e ol listas não exibido corretamente no IE7?

Question

Algo parece estar quebrando a exibição de listas (ul e ol) no IE7. Eles trabalham muito bem em IE8, FF, Safari etc, mas não IE7 e IE6.

Eu só quero que eles sejam exibidos normalmente:. Listas ul deve mostrar pontos de bala e listas ol deve mostrar números

Eu reduzi-lo às primeiras 1000 linhas de código em styles_layout.css ...;)

Na verdade, eu acredito que tem algo a ver com os seguintes estilos:

* { margin: 0; } 

html, body { height: 100%; } 

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

Dê uma olhada aqui: http: // www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 , login como um guest

Answer 1

Eu resolvi eu mesmo através de tentativa e erro:

* {
    margin: 0;
}

Este pára Ol de e Ul de de exibir corretamente no IE7 e IE6. Eu não tenho idéia por que ...

Answer 2

IE7 e abaixo estilo elementos ul como este:

ul {
  margin-left: 40px
}

bom estilo navegadores elementos ul como este:

ul {
  padding-left: 40px
}

É melhor explicado por Eric Meyer aqui: https://developer.mozilla.org/en/Consistent_List_Indentation ea seção "Finding Consistência" irá dizer-lhe o que fazer.

Answer 3

Isto é porque os elementos ul / li ter herdado a propriedade margem zero.

Answer 4

Eu não vou nem fingir ser um especialista em css, eu começo a minha bunda chutada por isso o tempo todo, mas eu só passou a correr para isso, embora a minha situação era um pouco diferente.

Acabei por ter de especificar uma classe ligada à ul e definir a lista do tipo.

.classname ul { list-style disc inside }

Tente isso e ver se isso ajuda.