Masin Al-Dujaili: <div>-Element mit falscher Größe

Hallo allerseits,

nach langem Schweigen hier wieder ein Problem, aus dem ich einfach nicht schlau werde:

Ich habe ein Javascript, daß mir eine zufällige Anzahl von <div>-Elementen der Höhe 1px (height:1px; in externem CSS) erzeugen soll. Mozilla ab (mindestens) 0.99 und Opera7beta machen das auch korrekt. Interessanterweise erzeugt mir der IEv6 aber <div>-Elemente, die um ein Vielfaches höher sind. Ich habe auch schon verschiedene andere Maßeinheiten und Größen ausprobiert, aber ab ungefähr 12px ist nicht mehr so recht nachzuzählen, wie hoch daß jetzt tatsächlich ist.

Meine Frage: Hat das irgendwas mit diesem vermurksten Box-Model des IE zu tun? Und, wenn ja, dachte ich, sei das doch mit korrektem <?doctype..> nicht mehr aktiv sondern eher das korrekte W3C-Modell, oder?

Grüße von Masin (mir, sozusagen)

  1. Hallo Masin,

    Ich habe ein Javascript, daß mir eine zufällige Anzahl von <div>-Elementen der Höhe 1px (height:1px; in externem CSS) erzeugen soll. Mozilla ab (mindestens) 0.99 und Opera7beta machen das auch korrekt. Interessanterweise erzeugt mir der IEv6 aber <div>-Elemente, die um ein Vielfaches höher sind. Ich habe auch schon verschiedene andere Maßeinheiten und Größen ausprobiert, aber ab ungefähr 12px ist nicht mehr so recht nachzuzählen, wie hoch daß jetzt tatsächlich ist.

    Zum nachmessen (ist echt nützlich): http://www.mueller-freeware.de/#PixLin

    Meine Frage: Hat das irgendwas mit diesem vermurksten Box-Model des IE zu tun? Und, wenn ja, dachte ich, sei das doch mit korrektem <?doctype..> nicht mehr aktiv sondern eher das korrekte W3C-Modell, oder?

    Ich glaube nicht, daß das mit dem BoxBug zu tun hat, weil er nicht auf den Doctype anspricht. Das ist bestimmt ein weiterer Käfer.
    Abhilfe: Zusätzlich zu height:1px; noch line-height:1px
    Allerdings muß dann zwischen den divs noch mindestens ein   stehen. Ist zwar nicht sehr elegant aber es funktioniert.