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
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html><head><title>topNavTest</title>
- <style type="text/css">
- <!--
- body {margin:0px; padding:0px;}
- #horBalken {position:absolute; top:10px; left:20px; width:152px; height:3px;z-index:0;}
- -->
- </style>
- </head>
- <body bgcolor="#E9F0F3" text="#990099">
- <div id="horBalken" style="background:#000000; border:none;"></div>
- </body></html>
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?