CSS-Ausgabe mit Zeilenabstand zwischen Text mit mehr als zwei Zeilen, dh7

  • Im Kompatibilitätsmodus für ie7 stelle ich ein merkwürdiges Platzproblem für Internet Explorer 7 fest. Ich habe einen Joomla-News-Feed, der als Link innerhalb einer Reihe vertikaler Listenelemente angeordnet ist. Aus irgendeinem Grund scheint die Höhe des Leerraums zwischen jeder Textzeile variabel zu sein. Hier ist die URL der betreffenden Seite, www.galloplaw.com. Was kann ich tun oder einstellen, um dieses Problem zu beheben?

    22 November 2011
    user927777
2 answers
  • Ich würde dringend empfehlen, ein echtes CSS-Reset wie Eric Meyers Reset oder Normalize CSS , aber dafür ist es vielleicht ein bisschen spät in Ihrem Projekt.

    Das Problem kann darin bestehen, dass Sie in Ihren news li-Tags obere Randbereiche und haben. In aktuellen Browsern verschmilzt der untere Rand eines Li mit dem oberen Rand des folgenden Li. Nicht im IE7. Sie können den oberen Rand von Ihrem Li entfernen, indem Sie Folgendes in Zeile 475 Ihrer CSS löschen:

     .latestnews li {
      margin-top: 10px;
    }
     
    22 November 2011
    Leo
  • Auch wenn Sie ul und li keinen Rand angeben, ist in jedem Browser ein gewisser Standardrand und Füllzeichen erforderlich.

    Und der Betrag ist unterschiedlich in verschiedenen Browsern.

    Sie müssen also eines tun, dh Rand und Padding zurücksetzen .

    Verwenden Sie entweder

     *
    {
        margin: 0;
        padding: 0;
    }
     

    , um den Rand jedes Elements auf der Seite zurückzusetzen, oder verwenden Sie

     ul, li
    {
        margin: 0;
        padding: 0;
    }
     

    , um nur den Rand von ul- und li-Elementen zurückzusetzen.

    Nach dem Zurücksetzen Sie können Ihre eigene Marge und Polsterung angeben. Ich hoffe, das hilft Ihnen.

    22 November 2011
    Deviprasad Das