nicht angemeldet
Ändere erst einmal
#nested-root { white-space:normal; }
in
#nested-root, #nested-root ul, #nested-root li { white-space:normal; }Denn die gegenwärtige Regel überschribt die Regel
ol li, ul li, ul, ol, li { white-space:nowrap; }
nicht hinreichend.Done, aber die gegenwärtige Regel war btw. #nested-root li und nicht #nested-root
Äh, ja, die meinte ich.
- und die müsste ja ol li / ul li hinreichend überschreiben, oder?
Ja, aber nicht ul und damit auch nicht für ul#nested-root. Für die uls galt weiterhin white-space:nowrap (zumindest für den IE).
Was den zweiten besagten Fehler angeht, die überlangen li-Boxen: Das liegt an den grauen Tabellen mit der Hoch-Runter-Navigation. Beispiel:
<html>
<head>
<style type="text/css">
[code lang=css]ul {list-style-type:none; margin:0; padding:0; border:1px solid green;}
li {border:1px solid red; margin-left:4em;}
table {width:100%;}
</style>
</head>
<body>
<ul>
<li>
text
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr><td bgcolor="#aaaaaa">tabelle</td></tr>
</table>
text
</li>
</ul>
</body>
</html>
[/code]
Das width="100%" der Tabelle bezieht sich im Quirks Mode immer auf die Gesamtbreite der ul-Box (und zwar mit margins). Damit ist die li-Box, wenn man irgendwo margin oder padding für ul oder li anwendet, um eine Einrückung zu erreichen, immer breiter als der Viewport. Der Text allerdings wird am Viewport umbrochen.
Ich weiß noch nicht, wie man diesen Fehler behebt, jedenfalls tritt er im Standards compliant Mode nicht auf, unser Doctype löst ja den Quirks-Modus aus. Das war ja auch bei den HTML-4-Templates bisher beabsichtigt.
Mathias
MudGuard