"height" unter IE

[new2you]

Hallo,
ich versuche ein einfaches leeres Quadrat mittels css(div) zu zeichnen.
Ich benutze dazu folgenden code:

<div style="width:10px; height:10px; padding: 0px; border: 0px; position:absolute; left:100px; top: 100px; background-color:#000000 ;z-index:5000;"></div>

liest sich eigentlich recht plausibel, funktioniert auch einwandfrei mit firefox, aber mit IE wird ein rechteck proijziert mit einer viel zu grossen Höhe. Erst so ab Höhe 50px wird das Quadrat korrekt angezeigt.
Bis dahin haben sämtliche css-höhen angaben keinen einfluss.
WEiß jemand woran das liegt?

mfg
new2you

[Gunnar Bittersmann]

Hello out there!

aber mit IE wird ein rechteck proijziert mit einer viel zu grossen Höhe. Erst so ab Höhe 50px wird das Quadrat korrekt angezeigt.
Bis dahin haben sämtliche css-höhen angaben keinen einfluss.
WEiß jemand woran das liegt?

Daran, dass der IE height als min-height interpretiert. Eventuell vorhandener Textinhalt benötigt bei der eingestellten Schriftgröße halt eine größere Zeilenhöhe, deshalb wird die Box in vertikaler Richtung vergrößert.

Daraus ergibt sich auch die Lösung, wie die Box auch im IE quadratisch, praktisch, gut wird.

See ya up the road,
Gunnar

[Cheatah]

Hi,

WEiß jemand woran das liegt?

daran, dass der IE in dem Element noch Schrift sieht, die er entsprechend groß darstellen möchte.

Cheatah