Hallo Auge, hallo Gunnar,
vielen Dank für die Hilfestellung - leider klappt es immer noch nicht so ganz. Warum kein hr ist ganz einfach: ich habe drei Layer, nämlich quasi den body mit z-index 1, den Balken mit z-index 3, und dann einige Dinge, die ich wie Zettel zwischen 1 und 3 hängen möchte - eben so wie man Zettel unter eine Leiste schiebt, damit sie am Brett hängen bleiben. Wenn ich den balken einfach als hr im body mache, kann ich nix mehr "dazwischen klemmen" :-)
Zusätzlich zum von Gunnar gesagten, oder vielmehr als Konkretisierung, sei angemerkt, dass der MSIE (wie auch die anderen Browser) den Zeilenumbruch als Schriftzeichen ansieht. Im Unterschied zu den von dir erwähnten anderen Browsern erweitert er die Höhe auf das zur Darstellung dieses Zeichens erforderliche Maß. Er interpretiert also height wie min-height.
Lässt du den Zeilenumbruch zwischen <div> und </div> weg, zeigt er den Balken an, wie gewünscht.
Leider klappt das bei mir nicht. Ich habe Win2000 und den IE 6.0.2800.1106 hier. Mein Code sieht jetzt so aus:
body {
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
}
div#decoline {
background-color: #333333;
margin: 0px;
padding: 0px;
width: 100%;
height: 5px;
position: absolute;
z-index: 1;
}
<div id="decoline"></div>
Leider scheint ihm der Zeilenumbruch egal zu sein, er macht das Ding trotzdem zu groß.
Ich hab den Test mal ins Netz gestellt, seht selbst:
http://home.ghostnet.de/werfer/temp/test.html
Seltsam, nicht? Auch dass er rechts diesen Platz lässt.... *seuftz* Hat einer von Euch eigentlich schon den RC von IE7? Klappt das da? Ich habe hier nur Linux und die eine 2000er Kiste, und IE7 läuft nur mit XP.
Gruss
Jay