Lösungen für die unterschiedlichen Leistungen von UL unter Firefox und IE_Experience Exchange

Ich habe kürzlich eine Systemvorlage für Oblog erstellt, an der UL beteiligt war, also habe ich diesen Artikel + dieses Gesamtbild zusammengestellt.
UL ist ein sehr häufig verwendetes Tag, aber aufgrund seiner unterschiedlichen Leistung unter Firefox und IE vermittelt es den Leuten den Eindruck, dass es sich um ein Tag handelt, das schwer zu kontrollieren ist.
Unter Firefox hat ul einen Füllwert, aber keinen Randwert. Im IE hat ul dagegen einen Randwert, aber keinen Füllwert. [Dies ist aus dem Vergleich des zweiten und dritten Beispiels in der folgenden Abbildung ersichtlich.]
Unter Firefox wird der Listenstil von ul standardmäßig am äußeren Rand des Inhalts platziert. Natürlich kann der Listenstil über CSS auf den inneren Rand des Inhalts eingestellt werden.
Durch Kompromisse erhält man die für beide Browser geeigneten Einstellungen: padding:0; margin:0; Sie können ul auch auf padding:0; margin:0; setzen und dann ein Hintergrundbild zu li hinzufügen, was ebenfalls eine gute Wahl ist.

<style type="text/css"> body{font-size:12px; margin:20px; line-height:18px;} #box{width:200px; background-color:#CC9; border:#990 1px solid;} #box ul{padding:0; margin:0; list-style:inside decimal; } </style> <div id="box"> <ul> <li>Dies ist der erste Satz. </li> <li>Dies ist der zweite Satz. </li> <li>Dies ist der dritte Satz. </li> <li>Dies ist der vierte Satz. </li> <li>Dies ist der fünfte Satz. </li> </ul> </div>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]