Was ist denn jetzt kaputt - Blackout

[flownie]

Hallo

Ich sehe den Wald vor lauter Bäumen nicht mehr.

Ich habe ein ganze einfaches DIV Element:
<div id="div_elm_10_1"></div>

Dazu die CSS-Angabe:
#div_elm_10_1 {
 background-color: #E6001E;
 height: 5px;
 width: 975px;
}

Falls ich nicht alles verlernt habe, müsste das eine rote Linie, 5px hoch darstellen. Das tut es auch auf allen aktuellen Browsern. Auf dem IE6 ist die Linie aber um einiges höher, er hält sich nicht an die Angabe.

Was habe ich hier verpasst?

Danke
Marc

[Harlequin]

Yerf!

Was habe ich hier verpasst?

Den punkt, dass der IE6 Abmessung immer als Min-Angaben interpretiert und das Element eigenmächtig vergrößert. Ein overflow:hidden hilft dagegen.

Gruß,

Harlequin

[flownie]

Den punkt, dass der IE6 Abmessung immer als Min-Angaben interpretiert und das Element eigenmächtig vergrößert. Ein overflow:hidden hilft dagegen.

Vielen Dank - overflow: hidden löst das Problem wie gewünscht...

[Gunnar Bittersmann]

@@flownie:

Falls ich nicht alles verlernt habe, müsste das eine rote Linie, 5px hoch darstellen. Das tut es auch auf allen aktuellen Browsern. Auf dem IE6 ist die Linie aber um einiges höher, er hält sich nicht an die Angabe.

Ansicht > Schriftgrad > Sehr groß

Dann solltest du sehen, dass die Höhe der roten Box von der Schriftgröße abhängt. Der IE6 macht die Box mindestens so hoch wie eine Textzeile, auch wenn kein Text da ist.

Setze also 'font-size: 0'.

BTW, 'hr' ist für eine Line ein wesentlich besser geeignetes Element als 'div'.

Live long and prosper,
Gunnar