Robert Allerstorfer: list-items ohne block

Beitrag lesen

Hi,

ich versuche, folgenden style mit *validem* HTML 4.01 (Transitional) zu coden:

Hier ist normaler Text
* das ist ein list-item ohne vorherigen zeilenumbruch
Hier geht normaler Text weiter ohne vorherigen zeilenumbruch

Das kann folgendermaßen realisiert werden:

<div>Hier ist normaler Text
<li style="list-style:disc inside;">das ist ein list-item ohne vorherigen zeilenumbruch</li>
Hier geht normaler Text weiter ohne vorherigen zeilenumbruch
</div>

Da schreit aber der HTML validator, da der LI tag nicht als kind von UL oder OL auftritt, sondern alleine. Kommt seine mutter hinzu, legt sie jedoch einen schützenden block um all ihre kinder (LI tags) in form von einem einleitenden und abschließenden zeilenumbruch.

Genau das ist aber unerwünscht. Als valide HTML alternative habe ich statt dem illegalen muterlosen LI tag folgendes gefunden:

<div style="display:list-item; list-style-type:square; list-style-position:inside;">das ist ein list-item ohne vorherigen zeilenumbruch</div>

Funktioniert auch wunderbar, allerdings nur unter Mozilla 5 ("Netscape 6") und Opera 5 (!). Der IE 5.5 macht kein bullet davor und der 4er Netscape bricht gleich überall um, wo er nur kann. Kennt jemand eine valide lösung, mit der auch IE und NS4 zurechtkommt?

Danke!

rob.