line-height verhalten im IE

Status
Nicht offen für weitere Antworten.

shockshell

Erfahrenes Mitglied
Hi,

ich habe gerade etwas festgestellt, was mich doch etwas verwirrt.

Ich wollte ein Div dazu einsetzten um eine weiße Line mit einem Pixel Höhe zu erzeugen.
Der Style dazu:

height:1px;background-color:#FFF;width:100%;margin-top:10px;

Das funktioniert im FF auch gut. Im IE ist die Linie allerdings ein Balken mit einer normalen Div-Höhe.
Dann habe ich noch Line-Height:1px dazu gefügt und dann sah es auch im IE gut aus.

Nun wollte ich den Style aus dem Quelltext herausnehmen und in die CSS-Datei packen.
Danach zeigte mir der IE wieder einen weißen Balken an und keine Linie. Nach ein bischen herumprobieren fand ich folgendes heraus:

Ich bekomme die Linie im IE nur, wenn ich die Line-Height als Style (style="line-height:1px") direkt im HTML-Quellcode reinschreibe. Darum sieht mein DIV jetzt so aus.
<div class="whiteline" style="line-height:1px">...</div>

Nun meine Frage: Muß das so sein? Ist das irgendein Bug?

Marcus.
 
shockshell hat gesagt.:
... Muß das so sein? ...
Das weiss ich leider auch nicht, aber offensichtlich ist es so, dass der IE in dem DIV-Block mindestens ein Zeichen (u.U. ein Leerzeichen) erkennt und FF eben nicht. Das bedeutet: Dein DIV-Block ist nicht wirklich leer.
 
Status
Nicht offen für weitere Antworten.
Zurück