CSS-Objekte mit Höhe <19px im IE

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • CSS-Objekte mit Höhe &lt;19px im IE

    Hiho,

    Ich habe versucht, eine Navigation nach dem Stil der abstrakten Malerei zu entwerfen, und zwar mit Hilfe von CSS. Der Code für eine einzelne Fläche sieht dann zum Beispiel so aus:

    HTML-Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    2. "http://www.w3.org/TR/html4/loose.dtd">
    3. <html><head><title>topNavTest</title>
    4. <style type="text/css">
    5. <!--
    6. body {margin:0px; padding:0px;}
    7. #horBalken {position:absolute; top:10px; left:20px; width:152px; height:3px;z-index:0;}
    8. -->
    9. </style>
    10. </head>
    11. <body bgcolor="#E9F0F3" text="#990099">
    12. <div id="horBalken" style="background:#000000; border:none;"></div>
    13. </body></html>
    Alles anzeigen


    Im Firefox (0.8) funktioniert das auch wunderbar: man sieht einen horizontalen Balken, der 3 Pixel hoch ist. Im Internet Explorer (6.0) hat er jedoch eine Höhe von 19px. Alles was über 19px hoch ist, kann man problemlos erstellen, aber drunter scheint man nicht zu kommen.
    Bei meinen Google-Suchen habe ich kein ähnliches Problem gefunden, also wäre zu erwarten, dass an dem Quellcode etwas nicht stimmt. Aber weiß jemand, wo genau das Problem liegt?