Detlef G.: IE-Hack für overflow:visible

Beitrag lesen

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!