[gelöst] IE8 + ZEN Subtheme: Blinkt beim Seitenwechsel

Hallo leda,

das ist wirklich eine Macke vom IE8, die anderen Browser übersehen freundlicherweise vieles.
Gehe doch mal beim IE8 auf Kompatibilitätsansicht, dann siehst du was sonst noch alles zerschossen dargestellt wird.
Wenn Du das CSS so aufbaust das bei Kompa Ansicht alles genauso schön ist wie bei Standard Ansicht ist auch das Flackern weg, egal ob Hintergrundbild oder nicht vorhanden ist, der W3C meldet auch ein paar Macken.

Ich hab tagelang am CSS rumgeschraubt bis auch im IE8 alles stimmte (kein Flackern mehr egal ob Kompa Ansicht oder Standardansicht), ob man sich die Mühe machen muß ist Ansichtssache...

Ist das Flackern eigentlich weg, wenn Du das Hintergrundbild rausnimmst und nur background: color verwendest? dann könntest Du den Arbeitsaufwand eingrenzen.

Eventuell helfen dir diese alten Beiträge (nicht Drupal aber das gleiche Problem mit JavaScript Lösung), hab ich aber nie probiert...

http://www.gunnart.de/tipps-und-tricks/css-hover-flackern-im-internet-ex...
http://www.abakus-internet-marketing.de/foren/viewtopic/t-88033.html

Hast Du eigentlich IE9 zum testen, hab den leider noch nicht, würde mich mal so interessieren ob es sich damit erledigt hat.

Grüße Jenna

Hallo Jenna,

Das Flackern wird vielleicht ein Mü besser, wenn ich das Hintergrundbild dem HTML-Tag zuordne statt dem Body-Tag. Das mit nur einem Backgroundcolor machts nicht besser, der Inhalt flackert trotzdem.

Irgendwie ist es ja soo ärgerlich, das erinnert mich an IE6, und irgendwie hab ich auch keine Lust, am CSS rumzuschrauben, nur weil 1 Version zickt, nicht wahr?

W3C ist tatsächlich noch eine Pendenz - Danke für das Memo.

Ich dachte mir halt, dass es nicht mal unbedingt das CSS ist, sondern eher ein Cache-Problem. Und nur wegen IE9 JS einzusetzen...ja die Beträge habe ich auch gelesen.

Und ja, IE9 flackert kein bisschen, er kapiert sogar die runden Ecken über CSS! Nicht mal schlecht, das Teil :-)

Ich werde halt offenbar damit leben müssen, und hoffen, dass die meisten Leute den IE8 schnellstens ersetzen...

Hallo leda,

oh danke für die IE9 Info, ich hab nämlich auch grad Schatten und rounded Corner bei einem Projekt und keine Lust mehr mit images zu arbeiten.

Dann sehen das eben nur die IE 9 Leute, alle anderen Browser zeigen es ohnehin perfekt an, wieso muß man eigentlich einem Browser hinterher arbeiten und das seit Jahren, bei einem Unternehmen der Größe muß es doch irgendwie möglich sein so etwas abzustellen, na ja... sie sind ja auf dem Weg...

Ich meinte aber noch was anderes bei deiner Seite, gehe mal im IE8 auf Taste F12 (Entwicklermodus) und dann auf die Registerkarte Browsermodus IE8 und dort auf 7 umstellen, leider sind noch viele mit 7 unterwegs.
Da zeigt dir der Modus noch einige Macken, Überlagerungen etc.
Wenn du die korrigiert kriegst hört vermutlich auch das Flackern auf, ich weiß leider bei mir nicht mehr was der Auslöser im CSS dafür genau war, aber seitdem liegt das CSS samt Theme unter meinem Kopfkissen.

Grüße Jenna

Ah, so hast du das gemeint! Alles klar!
Sobald ich (endlich) Zeit finde, werde ich das und sonst noch einige Dinge anpacken...
:-)

So, mit ein paar CSS-Anpassungen ist zumindest die Sache mit dem Entwicklermodus und IE7 gegessen. Ich sehe jedenfalls keine Probleme mehr mit
der Anzeige und W3C reklamiert auch nicht mehr.
Magst Du, Jenna, vielleicht mal gucken?

Nachfolgend der CSS-Schnipsel, der geholfen hat:

Die Blinkerei ist jedoch nicht weg. Es ist offenbar schon so: IE8 rendert die Seite während der Anzeige, FF et al. rendern zuerst und zeigen erst danach an.
Wir werden wohl damit leben müssen...

Hallo leda,

sieht wunderbar aus, auch unter IE7, die Anweisungen oben sind in meinem Theme (Basic) in der default.css ohnehin enthalten.

Wieso fehlten die bei Dir, waren die in deinem Theme vielleicht nur nicht eingebunden?

Ich habe mir mal dein background-image gezogen und baue das die nächsten Tage bei meiner Testinstallation ein, mal gucken ob das Theme abhängig ist, dieses Blitzen nervt ja schon..
Wenn ich was sinnvolles zustande kriege, schreibe ich dir das hier rein.

Grüße Jenna

Super, vielen Dank :-)

Nein, die Anweisungen sind im ZEN-Theme nicht drin.
Bzw. ich sehe jetzt grad, der erste schon, die beiden zwei anderen aber nicht. YAML für Drupal z.B. hat die Hacks auch...

Es könnte ev. noch was mit einer Region zu tun haben, die ich zusätzlich eingebaut habe. Ich bleib auf jeden Fall dran.

Danke jedenfalls für Deinen Support :-)

Nachtrag:
Eine Spur habe ich: Ich sehe, dass der IE das print.css interpretiert, und zwar mit
background-image: none !important,
und anschliessend offenbar das Background-Image vom Body-Tag (habs inzwischen lokal wieder dorthin verschoben) anwendet.
Es gibt auch Meldungen, wonach de IE den Media-Type nicht immer so toll berücksichtigt.
Ich werde in der Richtung mal herumspielen.

Es ist nun viel besser!

Nachdem ich in der page.php,tpl zwischen body und endbody alles rausgeschmissen habe, um auszuschliessen, dass mein Content "schuld" an der
Blinkerei ist, habe ich endlich gecheckt, was das Problem ist:

Es ist das Overlay der Lightbox2. Daher zwei Massnahmen in den Settings der Lightbox:
1. Javascript im Fussbereich erstellen lassen (macht das ganze schon viel besser)
2. Die Lightbox nur noch auch den Seiten aktivieren, wo sie auch benötigt wird (reduziert im übrigen die Ladezeiten).

Damit ist die Blinkerei auf ein erträgliches Mass geschrumpft.

NB: Opera Version 11.61 Build 1250 blinkt neuerdings auch! In der früheren Version war das nicht so. Interessant ist, dass es beim Betätigen
des Back-Buttons nicht blinkt. Das ist scheints ein neu eingeführter Bug.

Hallo leda,

sorry für die späte Antwort, bin in den Tiefen von Drupal versunken...
Die Javascript Lösung wurde glaub ich auch schon in diesen ganz alten Threads angesprochen, werde deine Lösungen demnächst auch ausprobieren und berichte dann.
Wie ist es denn mit dem IE 9 nach den Änderungen, weiterhin blitzefrei?

Ehrlich gesagt, ich habe ja lange den IE8 benutzt (jetzt nur noch zum Testen), hatte irgendwie eine lange Anlaufphase zum Firefox (frag mich heute noch warum...), mir ist die Blitzerei gar nicht mehr aufgefallen,
wahrscheinlich haben sich alle IE User daran längst gewöhnt....

Viele Grüße Jenna

Oh ja, Drupal zieht einem den Ärmel rein ;-).

Der IE9 blinkt auch nach der Korrektur nicht.
Das Problem scheint insbesondere am Hintergrundbild zu liegen - wenn man keines hat und NUR eine
Background-Color, blitzt es auch im IE8 nicht.

Wir haben uns inzwischen entschieden, nur noch eine Background-Color zu verwenden, sind noch
am diskutieren, welche.

Danke Dir fürs mitdenken, Jenna!
Liebe Grüsse
leda