Frage stellen
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
ul {
font-size: 11px;
margin: 5px 10px 5px 45px;
line-height: 17px;
}
</style>
</head>
<body>
<div id="c_main_bg_sitemap">
<ul>
<li>Level1
<ul>
<li>SubLevel1</li>
<li>SubLevel2
<ul>
<li>SubSubLevel1</li>
<li>SubSubLevel2
<ul>
<li>SubSubSubLevel1</li>
<li>SubSubSubLevel2</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Level2</li>
</ul>
</div>
</body>
</html>
Schaut man sich dasselbe im IE8 an, stellt man folgende Unterschiede fest:
- Die Einrückungen doppelt so gross
- Das "square" beim Level1 ist doppelt so klein
- Das "circle" beim SubLevel1 ist doppelt so klein
Entfernt man jetzt aber das DOCTYPE am Anfang, wird es im IE8 wieder so wie im IE7 angezeigt...
Das DOCTYPE muss ich stehenlassen. Das Tag aktivieren, damit der IE8 die Seite im IE7 kompatibilitätsmodus anzeigt liegt in diesem Fall auch nicht drin. Wenn ich beim margin schreibe:
margin: 5px 10px 5px 5px
Sehen die Einrückungen im IE8 wieder so wie vorher aus (dafür habe ich dann im IE7 keine Einrückungen mehr...)
Hat jemand evtl. einen Tip, was ich machen könnte, damit die Liste im IE7 und im IE8 gleich aussieht?
Gruss,
Supertramp
