Contao-Camp 2024
Ergebnis 1 bis 10 von 10

Thema: Safari-Browser zerhackt Layout; wie mit Windows testen?

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard Safari-Browser zerhackt Layout; wie mit Windows testen?

    Hi Leute,

    wie kann man als Windows-Nutzer die Darstellung im Safari-Browser kontrollieren und Fehler beheben?

    Ich habe folgendes Problem:
    Unbenannt-2.jpg

    Die Darstellung wird auf dem iPad und im iPhone "verzerrt" dargestellt.
    Da ich selber kein Mac-User bin und die Entwicklertools von Chrom mir das alles korrekt darstellen,
    suche ich nach einer Lösung, wie ich den Fehler im Safari finden und lösen kann.

    Hier die Site: https://raumausstatter-schneider-quirla.de/
    Geändert von Schnippel (18.05.2020 um 10:09 Uhr)

  2. #2
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    809

    Standard

    Das hat nichts mit iPad oder iPhone zu tun, sondern einfach nur mit Safari. Es gibt Safari auch für Windows und dort kannst du das Problem mit Browserverkleinung simulieren.

    In diesem Fall könntest du den Bildern eine max-height geben, damit es im Safari korrekt dargestellt wird.

  3. #3
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Der Safari für Windows wurde 2012 eingestellt.
    Quelle: https://de.wikipedia.org/wiki/Safari_(Browser)
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  4. #4
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    809

    Standard

    Oh verzeihung. Danke für die Info

  5. #5
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    http://browsershots.org ist eine kostenfreie Möglichkeit. Besser ist https://www.browserstack.com/ kostet aber was. Freie Testversion ist verfügbar.
    Andere Alternativen die ich selbst aber nicht getestet habe: https://alternative.me/browsershots
    Man kann allerdings, auch mit sein Netzwerk zusammenarbeiten.

    Nachtrag: Ach ne. In Browsershots siehts Du ja nur wie es aussieht, kannst aber der Fehler nicht untersuchen, wenn ich mich richtig erinnere.

    Ich selbst nutze weder das eine noch das andere. Ich habe irgendwann mal beschlossen, dass ich für professionelles Arbeiten neben meinem Windows Rechner auch einen Mac brauche und so ist der Laptop ein Mac geworden.
    Geändert von mlweb (18.05.2020 um 10:29 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  6. #6
    Contao-Fan
    Registriert seit
    28.02.2011.
    Beiträge
    675

    Standard

    Hallo,

    zum Testen kann ich nichts sagen.
    Aber um das Bild in den Teasern auf der Startseite nicht höhenverzerrt darzustellen, könntest du statt height auto height 100% auf das img setzen.

    Viele Grüße
    conter

  7. #7
    Contao-Fan Avatar von fusch
    Registriert seit
    25.03.2012.
    Ort
    München
    Beiträge
    498
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    auf die Schnelle könntest Du Dir blisk.io installieren. Evtl. bekommst Du es damit in den Griff.

    LG
    Hella
    Mitglied des Contao User Treffen München
    Aktuelle Termine erfährst Du immer unter www.contao-bayern.de
    Komm' doch mal vorbei!

  8. #8
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    @fusch Blisk war ja in meiner oben verlinkten Liste auch mit drin, hast Du damit gute Erfahrungen gemacht.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  9. #9
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habe vorhin mal kurz direkt auf dem Mac geschaut.
    Das Problem habe ich so nicht sofort gefunden. Könnte ja auch einer der schönen Browser-Bugs in Safari sein.
    Testweise habe ich den Bereich mal von display: flex auf display: grid umgestellt. Da gibt es schon mal keine Verzerrung.
    Vielleicht ist das ja einen Denkansatz wert.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  10. #10
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Vielen Dank für eure vielen Hinweise und Tipps.

    Mit blisk.io konnte ich es gut testen und mit der Lösung:

    ..um das Bild in den Teasern auf der Startseite nicht höhenverzerrt darzustellen, könntest du statt height auto height 100% auf das img setzen.
    hat es dann funktioniert...

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •