Tino: IE-Hack für overflow:visible

SELF-Forum

IE-Hack für overflow:visible

Tino
– Informationen zu den Bewertungsregeln

Hi Leute,

kennt jemand eine möglichkeit wie man die funktion
overflow:visible;
auch in Internet Explorer nutzen kann?

Danke Gruß Tino

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE-Hack für overflow:visible

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Tino,

    kennt jemand eine möglichkeit wie man die funktion
    overflow:visible;

    Wie kommst du auf die Idee, du könntest diese CSS-Eigenschaft im IE nicht nutzen? Das ist doch sogar der Defaultwert aller Elemente, da brauchst du gar nichts zu tun und schon nutzt du diese Eigenschaft!

    Rendering-Probleme könnte ich mir im IE allerdings in dem Zusammenhang vorstellen, dass du Tabellen und/oder deren beschneidende Elternelemente von vornherein mit einem anderen Wert (z.B. overflow:hidden) belegt hast und dass du das dann über JavaScript nachträglich ändern willst.

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE-Hack für overflow:visible

      Tino
      – Informationen zu den Bewertungsregeln

      Hi,
      ich habe eine div-box (id=top) definiert in der sich ein <img> befindet,
      dieses Bild soll aus dem div element herausragen.
      Beim IE 7 und Firefox funktioniert es, aber nicht beim IE 6 oder IE 5.
      Ich hab es auch schon mit:

      *html #top{
       overflow:visible;
      }

      versucht aber leider ohne erfolg.
      könnte es vielleicht an folgender Dokumenttyp Deklaration liegen?

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

      Aber ohne die funktioniert es in gar keinen IE???

      Danke Gruß Tino

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE-Hack für overflow:visible

        Detlef G.
        – Informationen zu den Bewertungsregeln

        Hallo Tino

        ich habe eine div-box (id=top) definiert in der sich ein <img> befindet,
        dieses Bild soll aus dem div element herausragen.
        Beim IE 7 und Firefox funktioniert es, aber nicht beim IE 6 oder IE 5.
        Ich hab es auch schon mit:

        *html #top{

        du meinst sicher * html #top, damit diese Regel nur der IE bis Version 6 versteht.

        overflow:visible;
        }

        Das wäre allerdings überhaupt nicht notwendig, weil visible der Defaultwert für overflow ist, du musst ihn also nicht vor anderen Browsern verstecken, bzw. du musst ihn auch nicht extra angeben.

        könnte es vielleicht an folgender Dokumenttyp Deklaration liegen?

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

        Diese sorgt dafür, dass sich der IE6 ein klein wenig standardkonformer verhält als ohne.

        Aber ohne die funktioniert es in gar keinen IE???

        Weil du damit alle IEs in den Ratemodus schickst.

        Dein Problem besteht darin, dass der IE bis Version 6 visible nicht richtig verwendet. Er dehnt das Elternelement so weit aus, dass alles hereinpasst, anstatt die angegebene Größe einzuhalten und den Inhalt trotzdem vollständig zu zeigen. (overflow dort unter "Beachten Sie")

        Du kannst den gewünschten Effekt im IE<=6 nur erreichen, wenn du das Bild aus dem Elementfluss entfernst, z.B. mit position:absolute.

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln