Chris: float und der Internet Explorer

Beitrag lesen

Hi

Ich überarbeite gerade ein größeres Projekt. Hier werden sehr oft Tabellen für die Anzeige von Aufzählungen benutzt. Da das ganze später aber von einem Fast-Laien gepflegt werden soll, würde ich gerne auf die Tabellen verzichten und das mit Aufzählungslisten, die ich mit CSS formatiere, ersetzen.

Das soll dann in etwa so aussehen, nur halt nicht mit Tabellen. Bisher stand das Datum in einer Spalte, und der Bla-Test in einer anderen.

15.11.1970  bla bla bla
            bla bla bla bla bla bla
14.11.1970  bla bla
13.11.1970  bla bla bla bla bla bla bla bla
            bla bla bla bla bla bla bla

Ich habe das mal mit einer <dl> umgesetzt. Das funktioniert soweit so gut, nur der IE kommt mit float nicht richtig zurecht, d.h. er rückt die Bla-Zeilen, die direkt neben einem Datum stehen, etwas nach rechts ein. Das gibt dann eine unsaubere Linie.
Ich habe hier schon einiges darüber im Forum gelesen, nur hat noch nichts richtig gepasst.

Hat jemand eine Idee, wie ich das sonst noch realisieren könnte, ohne auf Tabellen zurückzugreifen? Oder wie ich dem IE beibringen soll, dass er die Bla-Zeilen schön untereinander darstellen soll?

Grüße, Chris

Hier mal das Coding.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Bla Test</title>
 <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
dt { border: 0.1em solid #dddddd; float: left; width: 6em; font-weight: bold; }
dd { border-left: 0.1em solid #dddddd; margin-left: 6.5em; }
-->
</style>
</head>
<body>

<dl>
 <dt>13.11.1970</dt>
 <dd>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</dd>
 <dd>Bla bla bla</dd>

<dt>13.11.1970</dt>
 <dd>Bla bla bla</dd>
 <dd>Bla bla bla</dd>

<dt>13.11.1970</dt>
 <dd>Bla bla bla</dd>
 <dd>Bla bla bla</dd>
</dl>

</body>
</html>