Unterschiedliches Layout Mac <> Windows

Ronnschi

Hallo Allerseits,

ich habe ein Formular (Contactform7) zweispaltig gestaltet und mit verschiedenen Browsern getestet
Soweit war alles gut.
Zuhause an meinem Mac fiel mir auf, dass das Design hier fehlerhaft dargestellt wird.

Link: https://bit.ly/2FkRRlw

Selbst mit den Entwicklertools komme ich am Mac nicht so recht weiter. Für einen klugen Rat wäre ich sehr dankbar ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

joachimtecklenburg

Hey, ich vermute mal mit dem Mac hat das nicht so viel zu tun - eher mit dem verwendeten Browser.
Habs mir gerade am Mac sowohl im Safari, als auch im Chrome angeschaut und es sieht eigentlich ganz normal aus.
Kannst du evtl. Screenshots posten vom Zustand wie es sein soll und dann noch mal wie es fehlerhaft aussieht?

Ronnschi

Hallo Joachim,

bitte entschuldige die späte Antwort.

Hast du das Dropdown-Feld geöffnet? Wenn ich dies an meinem Mac tue, verschiebt sich alles, weil die Formatierung des Dropdown Layouts (.select) nicht übernommen wird.
Ich bin gerade nicht daheim, schicke aber gern einen Screenshot hinterher.

Viele Grüße

joachimtecklenburg

Das Dropdown "Bereich wählen" ?
Sieht bei mir eigentlich normal aus.

Ronnschi

Genau das. Hmm, seltsam. Bei mir ist alles aktuell. Sowohl mit Safari als auch mit Chrome und FF ist das Layout nicht in Ordnung.

b3317133

Evtl. würde es helfen Dir zu helfen, wenn Du genauer beschreibst, was Du unter "Design fehlerhaft" oder "Layout nicht in Ordnung" verstehst, und. welchen Dropdown man wie öffnen soll, inkl. Screenshots und exakter Angabe der jeweiligen Browserversionen.

Ronnschi · Bildschirmfoto 2019-03-25 um 18.24.29.webp

Ich bin jetzt wieder daheim. Hier mal ein Screenshot.
Wie man sieht, sehen die Dropdown Felder eher unformatiert aus.
Und darunter verschiebt sich alles.

Ronnschi

BTW, wenn man das Formular unausgefüllt versucht zu verschicken, verursachen die Fehlermeldungen das gleiche Darstellungsproblem.

SirEctor

Vielleicht hilft das unter Design -> Customizer -> Zusätzliches CSS

Code

#wpcf7-f1827-p1813-o1 .form-row {
    display: flex;
    flex-wrap: wrap;
}

b3317133

Lt. dem einen Screenshots ohne weitere Browserangaben wird das [FONT=Courier New]select[/FONT] Element aus welchen Gründen auch immer offenbar "native" dargestellt und nicht wie eigentlich per CSS gedacht.

Auf einem Windows-PC hier sieht das Element anders bzw. wahrscheinlich "richtig" aus.

Rechercheansatz daher sowas wie: select css apple

Ronnschi

Puh, war einige Tage unterwegs. Ich habe nun die Lösung gefunden :)

-webkit-appearance:none;

Das ist alles.

Vielen Dank für eure Hilfe!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Unterschiedliches Layout Mac <> Windows

Jetzt mitmachen!