✔ Listenelement IE und FF

[Luna1000]

Hallo,

ich habe eine Liste erstellt und IE und FF stellen sie unterschiedlich dar.

die css

ul{                                                /* ist vordefiniert
 list-style-type: square;
}


#text li{
 display: inline;
}

#text li a{
 display: block;
 line-height: 2em;
}

nun habe ich im container text ein div id="liste" verschachtelt und habe da eine andere Form festgelegt:

#liste li{
 display: block;
 list-style: square;
 margin-left: 40px;
}

die .html sieht folgendermaßen aus

<div id="text">
....

     <div id="liste">
     <ul>
      <li>...</li>
      <li>...</li>
      <li>...</li>
      <li>...</li>
     </ul>
     <!--liste--></div>
....
</div>

Das Problem ist jetzt, dass im FF die squares gar nicht angezeigt werden im IE aber schon.
Hat jemand die Lösung parat?

Danke schön

 

[Maik]

Hi,

nimm mal anstelle von block den Wert list-item für die display-Deklaration:

#liste li{
 display: list-item;
 list-style: square;
 margin-left: 40px;
}

 

[Luna1000]

Perfekt! Das heißt dann ja auch, dass ich list-style: square; weglassen kann.
Danke schön