Steffen Flämig: height:0px funktioniert für <div> im IE6 nicht

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>

  1. 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

    1. 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 :)

      1. Line-height: 0px;

        Danke :-)

  2. 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

    1. 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