CSS height will nicht so....

[Auge]

Hallo

div#decoline {
background-color: #333333;
     margin:    0px;
   padding:    0px;
   width:     100%;
height:    5px;
max-height:   5px;
position:   absolute;
z-index:   1;
        }

mein html sagt:

<div id="decoline">
</div>

Beim Testen mit dem IE hört der Balken nicht nur rechts vor dem Ende der Seite auf (womit ich noch leben könnte), sondern macht die Leiste ca. 4-5 mal so dick.

Gibt es einen Trick, den IE zu bändigen?

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.

Andererseits stimme ich Gunnar zu, wenn er fragt, warum es, um einen Balken anzuzeigen, eines <div>s bedarf.

Tschö, Auge