Hallo,
Das mit der Def.liste ist getestet.
wirklich?
Um ehrlich zu sein, hatte ich nur kurz in Mozilla (1.2.1) geguckt,
ob mein (frisch drauflos getipptes) Beispiel funktioniert.
Und dort sah es aus, wie erwartet.
Aber Du hast recht, in MS IE (hier 5.0) und Opera (5.12 und 7.1)
funktioniert es so nicht.
Nach der Devise: "weniger ist mehr" einfach die Definition für dd weglassen, dann geht's überall.
Ja, zumindest im MS IE, und immer noch in Mozilla.
Opera 5.12 und 7.1 koennen es nicht; sie zeigen
es halt immer noch im "klassischen" DL-Layout an:
Alter:
30 Jahre
Haarfarbe:
180 cm
(komische Haarfarbe, uebrigens!)
---
Seltsam ist, was die Browser anzeigen, wenn man die
Grenzen der Bloecke mal anzeigen laesst:
dt { width:10em; float:left; clear:both; border:1px dotted green; }
dd { border:1px dashed red;}
MS IE und Mozilla zeigen Ueberlappungen, wobei aber
der Inhalt von DD erst dort anfaengt, wo DT fertig ist.
Wenn man die Border weglaesst, ist die Loesung also
fuer MS IE (zumindest 5.0) und Mozilla brauchbar:
dt { width:10em; float:left; clear:both; }
Also, ich nehme meine Aussage zurueck, dass die
Definitionsliste mit CSS wunderbar formatiert werden koenne.
Es gibt offenbar noch einige Tuecken mit den real
existierenden Browsern...
Gruesse,
Thomas