Darstellungsprobleme Layout "Kärtchen" bei Firefox

Question

Ich habe eine Umfrage erstellt, gerade läuft der Pretest.
Nun kam die Rückmeldung, dass es unter Firefox Darstellungsprobleme gibt. Ich habe als Layout "Kärtchen" gewählt. Bei Firefox werden bei manchen Fragen die Kärtchen mittig geschnitten und versetzt nebeneinander angezeigt, ich versuche, einen Screenshot anzuhängen.

Ich weiß leider nicht genau, warum der Fehler nicht bei allen Fragen auftritt, kann ihn aber nicht beheben.

Vielen Dank für die Hilfe!

Answer 1

Ach ja ... ich erinnere mich vage, dass das unter bestimmten Bedingungen auftreten kann.

Die einfachste Lösung: Stellen Sie in der Frage ein, dass die Kärtchen "zeilenweise" präsentiert werden, nicht "spaltenweise".

Wenn diese Lösung nicht hilft oder nicht geeignet ist (z.B. weil die Kärtchen spaltenweise angeordnet werden sollen), dann posten Sie bitte einen Link direkt (!) zu einer betroffenen Seite. Dann sehe ich mir den HTML-Code nochmal genau an.

Comments

Vielen Dank!
Witzig ist, dass es unter Chrome keine Probleme gibt, den nutze ich selbst und habe den Fragebogen auch unter Chrome getestet.
Also schon mal gelernt, immer mit mehreren Browsern testen :-)

Ich hoffe es funktioniert so... hier der Link, in chrome ohne Probleme, in Firefox noch immer wie im Bild
https://www.soscisurvey.de/MAziegler/index.php?i=A7EUQCNHWM2W&rnd=FHSU

---

Danke für den Link. Das Problem ist hiermit behoben.

---

Womit?
In Firefox bekomme ich noch immer den Darstellungsfehler, in Chrome nicht...

---

Haben Sie die Taste F5 (Seite neu laden) gedrückt, um den Browser-Cache zu leeren? Vermutlich hat Ihr Browser noch die falsche (alte) Version der Layout-Datei im Cache.

---

Natürlich, auch in einem Inkognito-Fenster versucht...

Also, ich habe den von Ihnen empfohlenen Workaround getested (zeilenweises Präsentieren), der würde zwar insofern funktionieren, dass die Kästchen nicht mehr "zerteilt" sind, aber die Darbietung wäre, gerande später im Fragebogen, nicht mehr so, wie es sein sollte.

---

Es wäre schön, wenn Sie sich den HTML-Code ansehen könnten, ich glaube, der Fehler liegt bei
.2iSelection.dynamic div.place
eventuell bei "display", aber dazu sind meine HTML Kenntnisse zu rudimentär...

---

Also wenn ich den Test-Link von Ihnen in Firefox öffne, wird (nach meiner Änderung direkt an SoSci Survey) alles korrekt dargestellt. Die Änderung bestand in einer Ergänzung von "overflow: hidden" für die Klasse ".s2iSelection.cols.cards div.place". Wir die Frage bei Ihnen beim obigen Link weiterhin falsch dargestellt? Auch wenn Sie den Browser-Cache leeren?

---

Jetzt funktioniert es, ich habe einfach mal einen neuen Link generiert, nun ist das Problem weg!
Ich danke Ihnen vielmals für die schnelle Hilfe!