Probleme mit Darstellung in Safari

Druckbare Version

13.05.2019, 07:33
Schnippel

Liste der Anhänge anzeigen (Anzahl: 2)

Probleme mit Darstellung in Safari

Hi Leute,

habe ein Problem mit der Darstellung einer Website im Safari-Browser und auf mobilen Endgeräten:

So soll die Seite ausschauen:

Anhang 22305

Probleme im Safari:

Anhang 22306

1. DropDown-Menüs der Navigation wird nicht richtig dargestellt
2. Unterhalb des Headers rutscht der rechte Navigations-Block mit den 4 Buttons an die linke Box ran
3. Das blaue Foto mit dem Parallax-Effekt wird nicht dargestellt. Dieses Problem tritt auch auf dem SmarPhone auf.

Wie lassen sich diese Probleme beheben?

Hier der Link zur Seite: Zur Website

Hinweis: Ich teste über einen Windows 7 PC mit Safari-Browser. Aber auch auf einem MAC waren die Probleme zu sehen.
13.05.2019, 08:41
lucina

Liste der Anhänge anzeigen (Anzahl: 1)

Hmm, bei mir sieht das unter OSX 10.13 und Safari 12.1 so aus:

Anhang 22307

Safari unter Windows sollte man nicht benutzen und auch nicht damit testen. Der Browser ist seit sieben Jahren mit dem Erscheinen von Safari 6 eingestellt. Das hat nichts mehr mit dem aktuellen Safari zu tun. Sowas sollte man nur dann testen, wenn auch gleichzeitig Kompatibilität zum IE 6 gefordert ist ... ;-)
13.05.2019, 09:42
Schnippel

Zitat:

bei mir sieht das unter OSX 10.13 und Safari 12.1 so aus...

Danke fürs Testen..

Wie kann man diese Dinge testen, wenn man selber unter Windows arbeitet?
13.05.2019, 09:48
webstar

Zitat:

Zitat von Schnippel

Danke fürs Testen..

Wie kann man diese Dinge testen, wenn man selber unter Windows arbeitet?

Mit entsprechenden realen Testdevices, virtuellen Maschinen (vermute aber, dass es das nicht gibt für das Mac OS) oder mit Onlinediensten wie https://www.browserstack.com/live
13.05.2019, 09:48
lucina

Screenshots macht beispielsweise http://browsershots.org/ - es gibt da auch andere Tools.

Ich empfehle das allerdings nicht. Ich finde es eine gute Idee, für diesen konkreten Fall auch einen Mac zu haben. Da reicht ja auch ein Mini oder ein nicht all zu altes MacBook Air.

Alternativ teste ich in VMs. Linux ist da flott eingerichtet, und auch ältere Windowsversionen laufen unter Virtualbox prima. Man hat ja meistens ein paar ältere Keys herumliegen, oder? Für OSX und Virtualbox gibt es Anleitungen beispielsweise unter https://www.insanelymac.com/forum/to...-windows-host/
13.05.2019, 11:19
Googlebug

Zitat:

Zitat von Schnippel

Hi Leute,
habe ein Problem mit der Darstellung einer Website im Safari-Browser und auf mobilen Endgeräten:

https://www.google.com/search?ei=NDv...30.sGRjlCqtRIs

Ob sich die Arbeit lohnt? Hart gesehen: Wenn der Browser eine valide Webseite nicht richtig darstellen kann, dann muss der Nutzer einen vernünftigen Browser verwenden. Anders lernen es die Browser-Entwickler nicht. Man will es ja aber allen recht machen.... Ich kann diese Mentalität wie z.B. von Apple "nur wir haben den korrekten Standard" nicht nachvollziehen und unterstütze das auch nicht. Ist aber nur meine Meinung!
13.05.2019, 11:30
Spooky

Zitat:

Zitat von Schnippel

Hinweis: Ich teste über einen Windows 7 PC mit Safari-Browser.

Safari für Windows ist hoffnungslos veraltet. Das letzte Update war im Mai 2012. Dieser Browser wird von niemanden verwendet.

Zitat:

Zitat von Schnippel

Aber auch auf einem MAC waren die Probleme zu sehen.

Welche Safari Version?
13.05.2019, 11:39
Fehrmann

Hi,

wenn es dir um die Einzeiligkeit geht, dann probiere im CSS gegebenenfalls ein "white-space: nowrap;" Siehe MDN

Viele Grüße
13.05.2019, 12:38
webstar

Zitat:

Zitat von Googlebug

https://www.google.com/search?ei=NDv...30.sGRjlCqtRIs

Ob sich die Arbeit lohnt? Hart gesehen: Wenn der Browser eine valide Webseite nicht richtig darstellen kann, dann muss der Nutzer einen vernünftigen Browser verwenden. Anders lernen es die Browser-Entwickler nicht. Man will es ja aber allen recht machen.... Ich kann diese Mentalität wie z.B. von Apple "nur wir haben den korrekten Standard" nicht nachvollziehen und unterstütze das auch nicht. Ist aber nur meine Meinung!

Im Endeffekt legt der Kunde halt fest, was er wie unterstützt haben möchte. Und entsprechend sollte auch das Budget geplant werden.

Alle guten Standards bringen halt alle nicht, wenn der Verantwortliche des Kundens die Website mit einem veralteten Browser anschaut und es sch*** aussieht.
13.05.2019, 12:54
Schnippel

Zitat:

Welche Safari Version?

Die fehlerhafte Darstellung war auf dem MAC des Kunden zu sehen. Ich werde ihm erstmal empfehlen, sein Safari-Browser zu aktualisieren.
Ich denke, daß vielleich dann die Fehler behoben sind.
13.05.2019, 13:08
Googlebug

Zitat:

Zitat von webstar

Im Endeffekt legt der Kunde halt fest, was er wie unterstützt haben möchte. Und entsprechend sollte auch das Budget geplant werden.

Alle guten Standards bringen halt alle nicht, wenn der Verantwortliche des Kundens die Website mit einem veralteten Browser anschaut und es sch*** aussieht.

Klar, wenn der Kunde es so haben will dann ist es halt so.
13.05.2019, 13:16
lucina

Tja, das Icon der Leseliste kommt mir aus Safari 5 bekannt vor (das wäre so in etwas Snow Leopard oder Lion...). Normalerweise wird Safari mit jeder neuen Betriebssystemversion ebenfalls in neuer Version mitgeliefert. Ältere Macs bekommen das nicht mehr - ich bin mir nicht sicher, ob der Kunde einen Mac, der älter als sieben Jahre ist, noch aktualisiert bekommt. Da wird auch die Luft an Alternativbrowsern inzwischen zunehmend dünner.

Bonne chance ... ;-)
13.05.2019, 13:44
tab

Prima Idee eigentlich. Wenn ich mal einem potenziellen Kunden zeigen will, wie schlecht seine von der Konkurrenz erstellte Website funktioniert, hole ich mein Uralt-Notebook mit Firefox 3.irgendwas raus und öffne in Gedanken eine Tüte Chips.