Iframe Darstellungsfehler im IE6
Ralf
- browser
Hi, ich lade auf der Seite einziehen-wohlfuehlen.de mittels eines Iframe eine andere Seite nach.
Wenn ich diese Seite im IE6 öffne ist die Darstellung innerhalb des Iframe komplett zerhackt und lässt sich nicht mal mehr im Ansatz erkennen.
Bei meiner Fehlersuche ist mir aufgefallen, dass beim Wechsel auf ein anderes Fenster in Windows und danach wieder zurück ins Browserfenster die Darstellung wie gewünscht erfolgt. Jedoch nur bis ich ein MouseOver Event auslöse. Dann ist wieder alles futsch...
Die zweite Besonderheit ist, dass die Darstellung im Firefox 2.x, in Opera 9.x im IE7 und im IE5.5 (???) wie gewünscht funktioniert!
Hat jemand eine Idee oder selber eine Erfahrung mit diesem Problem. Ich bin dankbar für jede Anregung.
(Nur eines Vorweg: IE6 und Iframe müssen bleiben - der Kunde möchte das so!)
Hallo Ralf.
Ich kann hier nur Vermutungen anstellen.
Mal abgesehen davon, daß deine DTD strict sich mit Iframes nicht verträgt, hast du deinem Iframe das Attribut scrolling="no" zugeordnet.
Experimentiere mal mit "auto" oder "yes" herum und kuck mal was dann passiert.
Eventuell brauchst du für den 6er ein "Conditional Comment".
Ich hab bei mir z.B. sowas eingebaut:
<!--[if lte IE 6]>
<script type="text/javascript">
if (top != self) {
document.write ('<style type="text/css">html {overflow-x:hidden;}body {margin-right:18px;}</style>')
}
</script>
<![endif]-->
Dies macht allerdings nur Sinn bei scrolling="auto".
Gruß wonderbra
Danke für den Hinweis mit dem "Conditional Comment". Man lernt nie aus...
Ich konnte das Problem lokalisieren und lösen. Folgende CSS-Anweisungen haben für die zerhackte Darstellung im IE6 geführt:
body{
background-image: url('randtop.gif');
background-repeat: repeat-x;
}
Sobald ich diese CSS-Anweisungen entferne klappt die Darstellung ohne Probleme. Also habe ich in meinen Template mittels Conditional Comment die beiden Regeln für den IE6 überschrieben, und jetzt funktioniert es endlich tadellos.