Servus,
ich habe folgenden HTML/CSS Code (siehe unten, per copy&paste zum Testen, da ganzer CSS-Code dabei ist).
Es stellt ein Menue dar mit einem Hauptmenueteil mit drei Eintragen, wovon der dritte aus einem Untermenue mit zwei weiteren Eintraegen besteht (ich habe alles HTML/CSS unnoetige rausgeworfen).
Das Untermenue sollte GENAU rechts neben dem Hauptmenueteil positioniert sein, und in FF, Opera, Safari und IE7 is das auch so, nur der IE6 will nicht - er zeichnet das Untermenue 25px zu weit rechts ... wohl wegen dem Box Modell Bug, da die Menueeintraege ein left-padding von 25px haben, dass der IE falsch behandelt.
Dass der Fehler im Quirks-Mode auftritt ist klar, aber in dem bin ich nicht!
FF sagt "Standardkonformer Modus", document.compat sagt "CSS1Compat" in jedem Browser, auch im IE6 und der W3C Validator sagt "This Page Is Valid HTML 4.01 Transitional!".
Wer weiss wieso's hier Probleme gibt mit dem IE6?
Danke sehr!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
IE6 Box Model Bug
</title>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
border: none;
outline: none;
text-decoration: none;
font-weight: 100;
}
.menu
{
position: absolute;
top: 100px;
left: 100px;
border: solid 1px black;
width: 150px;
}
.submenu
{
left: 150px;
top: 2px;
}
.menu_entry
{
position: relative;
}
.menu .menu_entry
{
padding: 4px 3px 4px 25px;
}
</style>
</head>
<body>
<ul class="menu">
<li class="menu_entry">
entry1
</li>
<li class="menu_entry">
entry2
</li>
<li class="menu_entry">
entry3
<ul class="menu submenu">
<li class="menu_entry">
entry 3.1
</li>
<li class="menu_entry">
entry 3.12
</li>
</ul>
</li>
</ul>
</body>
</html>