Perché sono i miei ul e ol liste non viene visualizzato correttamente in IE7?

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

Voglio solo loro di essere visualizzati normalmente: ul liste dovrebbero mostrare punti e ol liste dovrebbero mostrare i numeri.

Ho ristretto la scelta ai primi 1000 righe di codice in styles_layout.css… 😉

In realtà, credo che questo 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; 
} 

Dare un’occhiata qui: http://www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2, fai il login come guest

hmm ristretto la scelta a: * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !importante; height: 100%; margin: 0 auto -39px; }
Forse il negativo margine sinistro è il taglio della lista marcatori off.
Ho esattamente lo stesso problema in una pagina web ho cominciato a disegnare. In qualche modo i proiettili scompaiono con un margine negativo per il div che contiene l’elenco.

OriginaleL’autore morktron | 2009-05-08

4 Replies
  1. 10

    IE7 e stile sotto ul elementi come questo:

    ul {
      margin-left: 40px
    }

    Buon browser stile 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”, vi dirà che cosa fare.

    Eric articolo mi ha decisamente aiutato. Ottimo link. Questo ha il senso perfetto dopo che. Ho appena impostato margin:0 per tutti OLs e quindi impostare il padding-lasciare per 40 px, e ora il suo cross browser coerente in IE7 e tutti gli altri. Bello.!

    OriginaleL’autore

  2. 3

    Questo perché l’ul/elementi li hanno ereditato zero margine di proprietà.

    OriginaleL’autore msharp

  3. 1

    Ho risolto da me attraverso tentativi ed errori:

    * {
        margin: 0;
    }

    Questo smette di Ol e Ul per la corretta visualizzazione in IE7 e IE6. Non ho idea del perché…

    Bel lavoro! .
    Questo è un brutto reset. Tenta di Eric Meyer reset. Molto più bello 🙂
    Eufemismo: orribile reimposta. * Selettore dovrebbe essere citato con estremo pregiudizio: può avere effetti molto negativi su CSS prestazioni (le cascate sono ridicole) e ci sono molto pochi elementi di cui si desidera effettivamente a livello globale che interessano uno stile, come hai scoperto liste desidera che i margini di.

    OriginaleL’autore morktron

  4. 0

    Ho nemmeno la pretesa di essere un esperto di css, posso ottenere il mio culo a calci da tutto il tempo, ma mi è capitato di incappare in questo, anche se la mia situazione era un po ‘ diverso.

    Ho finito per dover specificare una classe legata a ul e impostare l’elenco-tipo.

    .classname ul { list-style disc inside }

    Provare e vedere se aiuta.

    Grazie Joshua, Sì, avevo provato qualcosa di simile ma non avrebbe fatto alcuna differenza. Grazie comunque anche se

    OriginaleL’autore Joshua Belden

Lascia un commento