Por que meu ul e ol listas não exibido corretamente no IE7?
-
10-07-2019 - |
Pergunta
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
Solução 3
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 ...
Outras dicas
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.
Isto é porque os elementos ul / li ter herdado a propriedade margem zero.
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.