height:0px funktioniert für <div> im IE6 nicht
Steffen Flämig
- css
0 Max0 Max
0 Matti Maekitalo
Hallo,
folgender Test sollte eigentlich ein div der höhe 0px erzeugen, tut
es im Firefox und IE 7 auch. Im IE 6 hat es jedoch eine Höhe > 0.
Was mache ich da falsch bzw. wie macht man es richtig?
MfG Steffen
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
.testClass
{
border-width:1px;
border-color:red;
border-style:solid;
height:0px;
}
-->
</style></head>
<body>
<div class="testClass"></div>
</body>
</html>
Der IE6 mach das DIV immer so groß wie die Zeilenhöhe.
Diese hat einen standartwert den ich nicht so genau weiß.
Aber schreib in dein css einfach mal noch ein
line-height: 1px;
dazu. Dann sollte es funktonieren.
Gruß,
Max
Oh sorry.
Ich muss mich nochma melden.
line-height: 1px;
ich meine natürlich
Line-height: 0px;
Und dann halt die height auch auf 0px anpassen.
Jetzt stimmts :)
Line-height: 0px;
Danke :-)
Tach auch.
folgender Test sollte eigentlich ein div der höhe 0px erzeugen, tut
es im Firefox und IE 7 auch. Im IE 6 hat es jedoch eine Höhe > 0.
Wäre es nicht einfacher, daß div auszublenden mittels display:none bzw visibility:hidden? Oder habe ich einen Anwendungszweck von height:0px; verpasst?
Bis die Tage,
Matti
Hi,
Wäre es nicht einfacher, daß div auszublenden mittels display:none bzw visibility:hidden? Oder habe ich einen Anwendungszweck von height:0px; verpasst?
Das div hat in "Wirklichkeit" andere Aufgaben (z.B. clear: both).
Die habe ich hier aber weggelassen um nur mein "reines" Problem zu posten.
MfG
Steffen