[Electrohunter]

Meine Index-Seite hat eine Hintergrundfarbe. Das iframe hat eine andere Farbe bzw. eine Grafik als Hintergrund. Wenn ich die Seite aufruife sieht man für ein Wimpernschlag im iframe die Hintergrundfarbe der Index-Seite. Eigentlich stört das ja nicht, aber gibt es eine Möglichkeit, dass zu unterdrücken? Dann wäre meine Webseite perfekt. Stört wohl niemanden, wahrscheinlich nur mich!

[paracelsus]

Geht warscheinlich nicht.
Du siehst die Hintergrundfarbe durchblitzen, weil der Browser das bild schon aufbaut, bevor er den iframe konstruiert.
So wie ich das verstehe: nicht zu vermeiden.

[Electrohunter]

Meine Index-Seite (Haupseite) hat ein Hintergrundbild sowie ein iframe. Scrolle ich nun das iframe, dann bewegt sich minimal das Hintergrundbild im iframe, solange ich es scrolle. Das sollte ja eigentlich nicht sein. Weiß jemand, wie ich das abstellen kann?

Ich sollte vielleicht noch dau sagen, dass passiert im Firefox, im Internet Explorer bewegt sich der Hintergrund nicht!

[Electrohunter]

Hat keiner eine Idee?

[paracelsus]

Mag sein das der FF ruckelt, da ja die Position des HBildes neu berechnet werden muß.
In manchen Fällen ist der FF langsamer als IE.
Wie Du das abstellen kannst, weiß ich leider nicht.

Gruß

[cgdesign]

Zeig mal ein Online-Beispiel.

[Electrohunter]

Das kann ja keine Lösung sein, denn wenn ich auf anderen Seiten schaue, die ein iframe benutzen, ruckt das Hintergrundbild nicht. Na ja, dann muss ich mal schauen, wie ich das hin bekomme. Trotzdem Danke!

[cgdesign]

Mach das overflow: auto für #startseite und body raus, dann ist es weg. Brauchst da eh kein overflow, da du ja ein iframe einsetzt. Der bringt ja automatisch einen Scrollbalken mit.

[Electrohunter]

Aber dann sieht man den Platz für die Scrollbalken beim Internet Explorer. In Firefox sieht man den nicht und so wird der Inhalt vom IE genau um diese Breite von den Scrollbalken verkleinert, auch wenn man keinen Scrollbalken sieht. Ich hoffe ich habe mich eben verständlich ausgedrückt. Aber ich probiere es mal!

[cgdesign]

Dafür kannst du im body dann margin: 0 20px 0 0; setzen.