Joe: UL Formatierung

Hallo,

ich habe eine kleine Schwierigkeit mit der Darstellung im IE und den Geckobrowsern.

Folgendes:
<ul class="news">
   <li>xxx</li>
   <li>xxx</li>
   <li>xxx</li>
</ul>

CSS:
ul {
  list-style-type : none;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}
li {
  margin : 0px 0px 0px 0px;
  color : #364967;
}
ul.news li {
  list-style-image : url(../images/bullet.gif);
  margin : 0px 0px 10px 16px;
  padding : 0px 0px 0px 0px;
}

Frage:
Wie bekomme ich es hin, dass sowohl im IE als auch im FF die position der Bullets und der Abstand zum Text gleich ist?

Danke

  1. Hi,

    Wie bekomme ich es hin, dass sowohl im IE als auch im FF die position der Bullets und der Abstand zum Text gleich ist?

    durch Verabschiedung von den list-style-Eigenschaften zugunsten von background und padding. Der CSS-Standard überlässt es dem Client, wie exakt er die list-style-Eigenschaften zur Darstellung bringt.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes