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 risposte

  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

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *