Franz Schleier: <DIV height=100> bei Netscape 4 geht nicht

Moin moin,

Netscape 4 zeigt mir die Höhe eines <DIV> Bereiches nicht korrekt an:

<div style="position:absolute; border:2px solid;
border-color:#FF0000; top:0px; left:0px; width:100px; height:100px;">

Dort wird nun ein roter Rahmen links oben mit 100 Pixeln Breite, aber nur 10 Pixeln Höhe (statt 100) angezeigt. IE, Opera, Mozilla und NN6 zeigen das aber korrekt an.

Nun kann ich sehen, das wenn man den <DIV> Bereich mit z.B. Text füllt, sich dieser auch in der Höhe vergrößert. Ich hatte früher, so kann ich mich erinnern, schonmal ähnliche Probleme mit Tabellen, die ich auch künstlich füllen musste, damit sie die korrekte Größe in NN4 hatten.
Kann man da was sauberes machen? Unsauber wäre z.B. das berühmte leer-GIF mit dem man das <DIV> dann zwingen könnte. Wenn das die einzige Möglichkeit wäre: Wie kann ich so ein leer-GIF mit JavaScript nachträglich skalieren? Also in der Art document.leergif.height = 10; oder ähnlich mit einem GIF mit id="leergif".

Euer Franz

  1. Hallo,

    Netscape 4 zeigt mir die Höhe eines <DIV> Bereiches nicht korrekt an:

    Vielleicht hilft das weiter: http://www.styleassistant.de/tips/tip60.htm.

    MfG, Thomas

    --
    SVG - Learning By Coding
    http://svglbc.datenverdrahten.de/
    1. Hallo,

      Vielleicht hilft das weiter: http://www.styleassistant.de/tips/tip60.htm.

      leider nicht so ganz da ich mit dem Rahmen (in dem Beispiel border:2px solid;) arbeiten muß und keinen Hintergrund setzen darf der in dem Tipp aber als Lösung eingesetzt wird (Layer-Background-Color: #FF0000; Clip: rect(0,200px,100px,0);).

      Deutlich wird das konkret an diesem Beispiel http://www.styleassistant.de/tips/beispiel60.htm, wenn man bei DIV.spezial noch den Rahmen einschaltet: border:solid green;, dann wird dieser nur direkt um den Text "Das ist ein DIV-Block mit etwas Text ..." gelegt, also nicht mit der kompletten 100 Pixel Höhe.

      Oh jeh. Ich brauche nur für die ganzen Netscape 4-Anpassungen immer x-mal so viel Zeit, wie für die komplette Anpassungen der Seite an IE, Opera, Mozilla, NN6...

      Grüsse Franz

      1. Hallo,

        Deutlich wird das konkret an diesem Beispiel http://www.styleassistant.de/tips/beispiel60.htm, wenn man bei DIV.spezial noch den Rahmen einschaltet: border:solid green;, dann wird dieser nur direkt um den Text "Das ist ein DIV-Block mit etwas Text ..." gelegt, also nicht mit der kompletten 100 Pixel Höhe.

        Eine NN4-Eigenschaft layer-border[-color] gibt es AFAIK nicht bzw. funktioniert nicht, aber layer-background-image existiert. Versuche es mal damit und einem transparenten Bild in der Groeße des DIVs. Ein transparentes Pixel reicht aber nicht.

        MfG, Thomas

        --
        SVG - Learning By Coding
        http://svglbc.datenverdrahten.de/
  2. Hallo,

    Kann man da was sauberes machen? Unsauber wäre z.B. das berühmte leer-GIF mit dem man das <DIV> dann zwingen könnte. Wenn das die einzige Möglichkeit wäre: Wie kann ich so ein leer-GIF mit JavaScript nachträglich skalieren? Also in der Art document.leergif.height = 10; oder ähnlich mit einem GIF mit id="leergif".

    da gibt es einige Möglichkeiten die etwas unauffälliger sind als ein IMG.
    Und <DIV height=100> soll es doch wohl auch nicht sein, sondern eine Styleangabe?
    Z.B. ist ein zusätzliches span möglich, oder automatische Inlinestyles für Netscape 4, schau dir mal http://www.lipfert-malik.de/webdesign/tutorial/css.html#Tabellen und den folgenden Abschnitt an.
    Hast du dich ganz auf Inlinestyles festgelegt?

    Grüsse

    Cyx23

    1. Und <DIV height=100> soll es doch wohl auch nicht sein, sondern eine Styleangabe?

      Ja sollte es sein. War nur aus Platzmangel im Betreff gekürzt...

      da gibt es einige Möglichkeiten die etwas unauffälliger sind als ein IMG.
      Z.B. ist ein zusätzliches span möglich, oder automatische Inlinestyles für Netscape 4, schau dir mal http://www.lipfert-malik.de/webdesign/tutorial/css.html#Tabellen und den folgenden Abschnitt an.

      Prima. Das half mir sehr weiter! Mit einem abgewandelten Beispiel geht es jetzt! Ich habe nur noch ein Problem mit dem Zugriff per JavaScript auf die Elemente und habe dazu einen eigenen Thread eröffnet: http://forum.de.selfhtml.org/?t=67563&m=386552.

      Hast du dich ganz auf Inlinestyles festgelegt?

      Hm - Du meinst statt die CSS Elemente gleich sauber im Kopf zu vereinbaren? Na ja, normalerweise eigentlich nicht, aber während der Versuche mache ich das halt noch "Quick and Dirty" ;-).

      Grüße Franz