Axel Richter: IE: Liste neben float korrekt darstellen

Beitrag lesen

Hallo,

Dummerweise fliessen aber nicht alle meine Listen um irgendwelche Bilder und diese Bilder sind auch nicht immer gleich breit.
Folge: Da wo kein Bild ist, sieht die Liste ziemlich seltsam aus.

Du brauchst also eine spezielle _Klasse_ von Listen.

Ein wenig Quellcode zur Verdeutlichung:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
<head>
<title>Test</title>
</head>

<body>
<div style="float:left;"><img src="test.jpg" width="300" height="276"/></div>
<p>Hier ist ganz viel Text und nicht nur das: auch eine Liste werden wir in diesen Text einbauen.</p>
<ul>
<li>Listenelement 1</li>
<li>Listenelement 2</li>
</ul>

</body>
</html>


>   

Das zeigen bei mir alle Browser mit Bullets \_im\_ Bild an. Beim IE überdeckt das Bild die Bullets, was sicherlich falsch ist. Aber willst Du wirklich, dass die Bullets \_im\_ Bild stehen? Wenn nicht, zeige uns erst mal eine Version, die im Mozilla so funktioniert, wie Du willst.  
  
Btw.: Du bist sicher, dass Du XHTML 1.1 verwenden willst, mit allen Nachteilen, die sich daraus ergeben? Wenn ja, dann mach es wenigstens richtig.  
  
viele Grüße  
  
Axel