¿Por qué mis listas ul y ol no se muestran correctamente en IE7?

Question

Algo parece estar rompiendo la visualización de listas ( ul y ol ) en IE7. Funcionan bien en IE8, FF, Safari, etc., pero no en IE7 e IE6.

Solo quiero que se muestren normalmente: las listas ul deben mostrar viñetas y las listas ol deben mostrar números.

Lo he reducido a las primeras 1000 líneas de código en styles_layout.css ...;)

En realidad, creo que tiene algo que ver con los siguientes estilos:

* { margin: 0; } 

html, body { height: 100%; } 

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

Eche un vistazo aquí: http: // www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 , inicie sesión como guest<

Answer 1

Lo resolví yo mismo mediante prueba y error:

* {
    margin: 0;
}

Esto evita que Ol's y Ul's se muestren correctamente en IE7 e IE6. No tengo idea de por qué ...

Answer 2

IE7 y elementos inferiores de estilo ul como este:

ul {
  margin-left: 40px
}

Los buenos navegadores diseñan elementos ul como este:

ul {
  padding-left: 40px
}

Eric Meyer lo explica mejor aquí: https://developer.mozilla.org/en/Consistent_List_Indentation y la sección "Encontrar consistencia" te dirá lo que haces.

Answer 3

Esto se debe a que los elementos ul / li han heredado la propiedad de margen cero.

Answer 4

Ni siquiera pretendo ser un experto en CSS, me patean el trasero todo el tiempo, pero me topé con esto, aunque mi situación era un poco diferente.

Terminé teniendo que especificar una clase vinculada a ul y establecer el tipo de lista.

.classname ul { list-style disc inside }

Pruebe eso y vea si ayuda.