Hallo,
Unter http://www.christian-seiler.de/temp/verschachtelung.php habe ich einen Test zusammengestellt. Ich habe 100 <li> und <ul> verschachtelt. Die Seite ist valides HTML 4.01 Strict (vgl. http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.christian-seiler.de%2Ftemp%2Fverschachtelung.php&warnings=yes, der W3C-Validator scheitert an der Verschachtelungstiefe und wenn ich diese runterfahre, tritt mein Problem mit dem Mozilla nicht mehr auf)
Dort habe ich 2x den gleichen Code. Einmal befindet er sich in einer einfachen
<table style="border: 1px solid red;">
<tr>
<td>
...
</td>
</tr>
</table>
Ein zweites Mal befindet er sich einfach nur im body, direkt darunter.
Der Code an sich sieht so aus:
<ul>
<li><strong>Listenelement</strong> Level 0
<ul>
<li><strong>Listenelement</strong> Level 1
...
<ul>
<li><strong>Listenelement</strong> Level 100</li>
</ul>
...
</li>
</ul>
</li>
</ul>
Vorneweg: völlig korrekt darstellen können das nach meinen Tests nur Opera 7.20 Beta 9, Netscape 4 und lynx Den IE konte ich nicht testen, genausowenig Amaya.
Im Mozilla tritt folgendes Problem auf: Die Liste außerhalb der Tabellenzelle stellt er fast korrekt dar. Einzig hört er mit den Einrückungen gegen Ende irgendwann auf. (und zwar genau an der Stelle, an der auch die Liste in der Tabelle Probleme macht [1]) Die Liste innerhalb der Tabellenzelle spinnt jedoch. Die <li> werden nicht mehr eingerückt. Der Inhalt direkt innerhalb von jedem <li> wird noch angezeigt. Jedoch wird der Inhalt des <strong>-Elements der betroffenen <li> nicht mehr angezeigt.
Konqueror 3.1.2 dagegen hat mir der Liste innerhalb der Tabelle keine Probleme. Die Liste außerhalb der Tabelle schneidet er jedoch nach dem 23. Listenpunkt ab. Inhalt *dahinter* (<p>Test</p>) zeigt er jedoch wieder an.
Kann jemand dieses Verhalten bestätigen? Wie reagiert der IE? Kennt jemand einen Workaround?
Viele Grüße,
Christian
[1] Man beachte, dass durch die Tabelle 3 Elemente in der Tabelle dazugekommen sind, daher muss man bei der Tabelle die Verschachtelungstiefe als um 3 höher ansehen.