Perché i miei elenchi ul e ol non vengono visualizzati correttamente in IE7?

Question

Qualcosa sembra interrompere la visualizzazione degli elenchi ( ul e ol ) in IE7. Funzionano bene in IE8, FF, Safari ecc. Ma non IE7 e IE6.

Voglio solo che vengano visualizzati normalmente: gli elenchi ul devono mostrare i punti elenco e gli elenchi ol devono mostrare i numeri.

L'ho ristretto alle prime 1000 righe di codice in styles_layout.css ...;)

In realtà, credo che abbia qualcosa a che fare con i seguenti stili:

* { margin: 0; } 

html, body { height: 100%; } 

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

Dai un'occhiata qui: http: // www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 , accedi come guest

Answer 1

L'ho risolto da solo attraverso tentativi ed errori:

* {
    margin: 0;
}

Questo impedisce a Ol's e Ul's di essere visualizzati correttamente in IE7 e IE6. Non ho idea del perché ...

Answer 2

IE7 e sotto stile ul elementi come questo:

ul {
  margin-left: 40px
}

I buoni browser disegnano ul elementi come questo:

ul {
  padding-left: 40px
}

È meglio spiegato da Eric Meyer qui: https://developer.mozilla.org/en/Consistent_List_Indentation e la sezione "Ricerca di coerenza" ti dirà cosa fai.

Answer 3

Questo perché gli elementi ul / li hanno ereditato la proprietà del margine zero.

Answer 4

Non farò nemmeno finta di essere un esperto di CSS, mi prenderò a calci in culo tutto il tempo, ma mi è capitato di imbattermi in questo, anche se la mia situazione era un po 'diversa.

Ho finito per dover specificare una classe legata a ul e impostare il tipo di elenco.

.classname ul { list-style disc inside }

Provalo e vedi se aiuta.