Perché i miei elenchi ul e ol non vengono visualizzati correttamente in IE7?
-
10-07-2019 - |
Domanda
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
Soluzione 3
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é ...
Altri suggerimenti
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.
Questo perché gli elementi ul / li hanno ereditato la proprietà del margine zero.
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.