Marc Nilius: IE: Liste neben float korrekt darstellen

Beitrag lesen

Moin Moin!

Liebe CSS-Freunde, heute morgen haengts bei mir aber richtig. Irgendwie bekomme ich noch nicht mal die Suche im Internet gepeilt. Deswegen hier nun mein Hilfeaufruf. :-)

Ich habe ein DIV-Element (mit einem Bild darin), welches mit einem "float:left;" versehen ist. Da herum fliesst nun Text. Aber eben nicht nur Text sondern auch eine Liste. Und genau da liegt das Problem: Die Listen-Bullets werden im IE nicht angezeigt. Wenn ich der Liste nun einen "margin-left" gebe, der breiter ist als das Bild, dann sehe ich die Bullets wieder. 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.

Dann habe ich das hier gefunden: http://barrierefrei.e-workers.de/workshops/ie-fun/index3.php

Aber keine Loesung oder Work-Around...

Koenntet ihr mir da auf die Spruenge helfen?

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>  

Vielen Dank schonmal fuer eure Hilfe!

Viele Gruesse,
Marc