Hallo,

ich bräuchte mal einen Rat von Euch.

Ich habe auf meiner Webseite einen DIV-Container mit der CSS-Eigenschaft position:fixed fixiert und wenn man im Safari-Browser ganz unten auf einen Link klickt, der auf dieselbe Domain liegt, flackert der Bildschirm, der fixierte DIV verschwindet kurz und ist dann wieder da.

beim IE und Firefox beobachte ich dieses Problem nicht.

Ist das ein Safari Bug oder ein CSS-Problem?

Vielen Dank!

Hallo dom_beta,

wenn Du die Seite erwähnen könntest, dann könnt ich mal raufschauen.

Rüdiger

Hallo,



CSS

Schöne Webseite,

also, bei mir flackert nichts.
Ich arbeite mit OS X 10.8.3 und Safari 6.03.

Gruß
Gerhard

Bei mit auch nicht. Safari auf iPhone 4S, neuestes iOS.

Hallo dom-beta,

habe gesehen, was Du meinst. In Safari wird die neue Seite nach Anklicken Deines Menüs geladen.
Und bevor die neue Seite angezeigt wird, erscheint zwischenzeitlich kurz eine graue Hintergrundfläche. In Firefox passiert das nicht.

Auf meiner Seite geschieht das nicht. Ist also nicht ein grundsätzliches Problem von Safari, sondern nur unter gewissen Umständen.

Hallo,

und was für "gewisse Umstände" sind das?

Ich war unpräzise: das graue obere Menü verschwindet kurz, weil der hellgelbe Hintergrund als erstes angezeigt wird. Dann rendert Safari das graue Menü oben. Es ist gut, dass Safari schon die Seite je nach Berechnungsfortschritt teilweise anzeigt für die Geschwindigkeit, aber in Deinem Fall natürlich nicht so angenehm. Workaround wäre, die graue Fläche über den Seitenhintergrund (background-image) zu realisieren.

Mehr kann ich Dir dazu nicht helfen, Rüdiger

Wie ist denn das DIV definiert? In der gleichen Z-Ebene wie die normale Ebene?

Nein, Z-Index:3

Content: Z-Index 2

Aber wie ich es oben bereits schrieb, dieses Phänomen betrifft nur Safari, der IE 10 und Firefox 20 zeigt das obige Menü immer wieder so an, wie gedacht. Ohne Beeinträchtigungen.

Browser-Unterschiede sind normal und glücklicherweise nicht mehr so eklatant. Chrome zum Beispiel kann keine Passworte mit Umlaut, Safari und IE schon.

hier kann ich das Verhalten in Safari nicht beobachten, selbst mit einer lahmen UMTS-Verbindung nicht.

Du könntest jetzt versuchen, herauszufinden, ob Safari und FF die Elemente deiner Seite in einer anderen Reihenfolge rendern. Oder mal deine Plugins deaktivieren, die können nämlich auch einen Unterschied ausmachen.

also das Phänomen ist sichtbar, wenn du im Punkt "Presse" ganz unten einen Link anklickst.

Aber MacRudi hat es ja auch schon gesehen, wie er schrieb.

stimmt, auf "Presse" sehe ich es auch. Was ist auf dieser Seite anders als bei den anderen?

ich habe keine Ahnung, offenbar erscheint dieses Phänomen, ab einer bestimmten Länge einer Seite.

Weiss übrigens jemand, warum mit Safari das E-Banking mancher Banken nicht funktioniert? (Ich muss z. B. für die Clientis Bank auf dem Mac auf Opera zurückgreifen, hingegen klappts beim iPad über Safari…)

Du hast im Kopf nicht angegeben, ob es Transitional oder Strict ist, vielleicht macht das einen Unterschied darin, wie Safari beim Rendern vorgeht.

Wenn Du den Grund wissen möchtest, dann kannst Du Deine Seite immer um einen Punkt reduzieren und damit die problematische Stelle isolieren.

Ich vermute, dass es an Javascript liegen könnte, wo die Bank spezifisch für den IE entwickelt hat und
Browser, die eine bestimmte Sache anders handhaben einfach nicht toleriert werden.

Weil an CSS dürfte es nicht liegen, da wären eher IE-Versionen auf der Abschussliste.

Meinst du mich jetzt?

Ich verwende HTML 5, hätte auch bei HTML 4.01 Strict bleiben können....

Ja. Eventuell ist auch das ausgelagerte CSS schuld. Nicht, dass Safari es nicht könnte, sondern dass es nicht gecached wird? Glaube ich zwar nicht, aber wäre eine Möglichkeit.