Suchergebnis nur begrenzt responsiv

Hallo, mir ist aufgefallen, dass die Ergebnisseite einer Suche nur begrenzt responsiv ist.

In der Tablett-Ansicht ist noch die ganze Breite der Webseite sichtbar, in der Smartphone-Ansicht ist nur noch ein Teil der Seite sichtbar und es muss nach rechts gescrollt werden, um auch den Rest der Seite zu sehen.

Alle anderen Seiten der Webseite sind auch in der Smartphone-Ansicht in voller Breite sichtbar.

Weiß hier jemand Abhilfe?

Screenshots mit der Tablett- bzw. Smartphone-Ansicht zur Demonstration anbei.

- Zeta Version 16.7

- Layout Vorlage "Sportverein 2"

Grüße, Michael

Nachdem es von den Usern keinen Tip gibt, könnte vielleicht der Zeta Producer Support sich des Themas annehmen?

Nicht nur das Suchergebnis ist nicht voll responsiv, sondern auch das Such Widget selbst:

Ein ähnliches Problem gibt es mit dem Widget "Tabellarische Daten".

Auch hier ist in der Tablet-Ansicht noch die ganze Breite der Webseite sichtbar, in der Smartphone-Ansicht ist nur noch ein Teil der Seite sichtbar und es muss nach rechts gescrollt werden, um auch den Rest der Seite zu sehen:

Da die Webseite noch nicht online ist, habe ich sie temporär hier hin geladen:

https://tv-hoyren-aeschach.zeta-producer.com/index.php

In den Unterseiten "Test1" und "Test2" ist das Problem mit dem Such Widget (Test1) und dem Tabellen Widget (Test2) sichtbar.

In Test3 habe ich eine eigene html Tabelle erstellt, die die Webseite auch in der Smartphone Ansicht noch richtig darstellt.

Ich hoffe, die Info ist ausreichend für eine Fehleranalyse.

Grüße, Michael

Hallo,

vielen Dank für den schnellen Fix.

Das Problem mit dem Such Widget ist nun behoben.

Bei der Tabelle bleibt der Inhaltsbereich auf schmalen Bildschirmen jetzt auch auf 100% der Breite beschränkt, allerdings wird die Tabelle jetzt nicht mehr an den schmalen Bildschirm angepasst, sondern erhält jetzt einen waagerechten Scrollbalken, mit dem die Tabelle nach rechts gescrollt werden muss und die Übersichtlichkeit dadurch leidet:

Ist-Zustand nach Update:

Soll:

Lässt sich das auch noch beheben?

Freundliche Grüße,

Michael

Ich habe einen Update der Seite gemacht, Untermenü Test2:

https://tv-hoyren.zeta-producer.com/test2.html

Für die Tabelle wie sie sein sollte, Untermenü Test3:

https://tv-hoyren.zeta-producer.com/test3.html

Grüße, Michael

Gibt es eventuell ein CSS Code Schnipsel, das verhindert, dass die Tabelle gescrollt werden muss?

Vielen Dank für das Code-Schnipsel, das hat schon mal funktioniert.

Ich muss Ihnen Recht geben, dass scrollen bei Tabellen mit viel Inhalt übersichtlicher ist als Textumbruch.

Bei wenig Text bevorzuge ich den Textumbruch, weil auf dem Smartphone kein Scrollbalken sichtbar ist, anders als beim PC Browser.

D.h. der User sieht oft gar nicht, dass er scrollen kann und bemerkt die Zusatzinformation erst gar nicht.

Deshalb wäre mir eine entsprechende Auswahloption im Widget am liebsten, weil die Lösung mit dem CSS Code auf alle Tabellen angewendet wird.

Durch Ihr Code Schnipsel bin ich jedoch auf einen Workaround gekommen, mit dem ich gut leben kann.

Ich gebe jeder Spalte im Widget das html Attribute style="white-space: pre-wrap" mit, damit wird der Text ebenfalls umgebrochen und scrollen verhindert.

Das hat ganz gut funktioniert und erlaubt das Einstellen der Option individuell für jede Tabelle.

Vielen Dank für Ihre Hilfe und schöne Grüße,

Michael