Berti: IE5.5 setzt Wertangabe nicht um ...

Hallo,

wer hat eine Erklärung für diese Erscheinung ?

Im nachfolgenden Beispiel läuft ein 10px hoher Streifen am oberen Rand über die gesamte Breite der Seite. Firefox hält die 10px ein, IE 5.5 macht 19px drauß und lässt sich auf keinen Wert unter diesen 19px ein.

Ein 100%-iger Bug des IE5.5 - oder trifft mich auch eine Mitschuld ... ?

Einen schönen Tag ansonsten

mfg Berti

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>-</title>
<style type="text/css">
<!--
#oben
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:10px;
background-color:red;
}
html,body
{
width:100%;
height:100%;
margin:0px;
background-color:#ffffff;
overflow:hidden;
}
-->
</style>
</head>
<body>
<div id="oben"></div>
</body>
</html>

  1. hi,

    Firefox hält die 10px ein, IE 5.5 macht 19px drauß und lässt sich auf keinen Wert unter diesen 19px ein.

    definiere auch noch line-height und font-size entsprechend klein.
    oder nutze overflow-hidden, wenn auch das nicht helfen sollte.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Ei,

      overflow:hidden; ist die Zauberzeile !!!!!

      Aber sag': was passiert da zum Teufel - wo/wie/warum hat der <div>-Bereich im IE5.5 einen overflow ???

      Gibt es eine Erklärung für diesen Fehler (wenn es überhaupt einer ist), entsprechend Dokumente zum Nachlesen oder so ?

      Herzlichen Dank auf jeden Fall für die Lösung ....

      MfgBerti

      1. hi,

        Aber sag': was passiert da zum Teufel - wo/wie/warum hat der <div>-Bereich im IE5.5 einen overflow ???

        er neigt dazu, auch bei leeren elementen diese mindestens so groß zu machen, dass textinhalt - unter berücksichtigung der geltenden schriftformatierungen - hineinpassen _würde_.

        deshalb auch der hinweis auf font-size und linet-height, die idR. ausreichend sind, um dieses problem zu umgehen.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }