[phpBB3] Tabellenbreite in den Beiträgen an Auflösung anpassen

In meinem Forum wurden schon vor längerer Zeit einige Beiträge erstellt, bei denen Grafiken mit Kommentaren versehen in Tabellen eingesetzt wurden.
(Beispiel hier) Dort wurden 6 Spalten nebeneinander erstellt. Schaut man sich den Beitrag mit einer Auflösung von 1024x....an bekommt man jedoch nur 3,5 Spalten zu sehen.

Gibt es vielleicht eine Möglichkeit (vielleicht ein Script o.ä.) die Ansicht auch für kleinere Auflösungen automatisch zu korrigieren, sodass auch die betroffenen User alle Spalten zu sehen bekommen?

Ich befürchte schon dass ich alle Tabellen verändern muss. Aber auch für künftige Tabellen wäre es schon sehr hilfreich.

LG inde

Hallo inde,

das hat mit der Tabelle an sich nichts zu tun.
Wenn du diese wie aktuell einsetzt oder auch die Breite nochmal speziell auf 100% oder "auto" festlegst, dann sind Tabellen immer soweit flexibel, dass sie ausgehend von der Mindestbreite (vorgegeben durch den Inhalt) je nach Auflösung immer noch breiter dargestellt werden.
Der springende Punkt ist dabei aber die Mindestbreite, die der Inhalt vorgibt: Wenn der Tabelleninhalt eine sehr geringe besitzt bzw. sich dieser an die Auflösung anpassen kann (z.B. Zeilenumbrüche bei Textinhalt), dann verhalten sich Tabellen so, dass sie sich so stark wie möglich der Userauflösung anpassen. Das siehst du z.B. bei unserer Update-Tabelle, die wir auch nicht anders formatiert haben also du:
https://hilfe.forumieren.com/t35511-anzeige-der-themenicons-in-den-suchergebnissen
Wenn du dort dein Browserfenster verschmälerst, wirst du sehen, dass auch die Tabellenbreite automatisch angepasst wird - bis sie irgendwann zur eingesetzten Grafik gelangt, dort die Mindestbreite erreicht und deshalb abgeschnitten wird.

Da du in deiner Tabelle nur Grafiken eingesetzt hast, die sich nicht flexibel an die Auflösung anpassen können (kein Umbruch o.ä. ), gelangt die Tabelle sehr bald an die Grenze der Mindestbreite und wird abgeschnitten angezeigt, wenn diese unterschritten wird.
Ist das soweit verständlich für dich?

Mit HTML/CSS lassen sich Bildergrößen nicht so skalieren, dass mehrere zusammen an die Auflösung angepasst werden. Etwas Derartiges ist nicht möglich, nur mit Javascript kann man Lösungen finden, die in diese Richtung gehen.
Ich würde dir also einfach nahelegen, die Tabellen mit weniger Spalten und dafür mehr Zeilen zu versehen, sodass sie eine wesentlich geringere Mindestbreite besitzt. Wenn du dort bei nur 3 Spalten bleibst, dann sollte die Tabelle bei allen Usern einwandfrei angezeigt werden.
JS-Möglichkeiten gäbe es auch viele (z.B. Wahlschalter für Bildergröße in Indexmodul einsetzen), aber das halte ich nur wegen dieser Tabellen nicht als angebracht.

Liebe Grüße
Günther

Günther schrieb:Da du in deiner Tabelle nur Grafiken eingesetzt hast, die sich nicht flexibel an die Auflösung anpassen können (kein Umbruch o.ä. ), gelangt die Tabelle sehr bald an die Grenze der Mindestbreite und wird abgeschnitten angezeigt, wenn diese unterschritten wird.
Ist das soweit verständlich für dich?

Hallo Foren-Günther ,

Ja das habe ich schon verstanden, leider ist es ärgerlich das die Tabellen so nur mit Text und nicht mit Grafiken flexibel umgehen können.
Es hätte auch sein können, das es ein Script geben würde welches vielleicht bei erreichen der maximalen Breite eine Scrollleiste o.ä. einfügt.

Wie befürchtet bleiben also nur noch die 3 Spalten.
Das mit dem Wahlschalter schaue ich mir gleich noch etwas genauer an, vielleicht lässt sich daran etwas umstellen, sodass dieser an die Auflösungen angepasst werden kann.

Danke & LG inde

inde schrieb:Es hätte auch sein können, das es ein Script geben würde welches vielleicht bei erreichen der maximalen Breite eine Scrollleiste o.ä. einfügt.

Ja, wenn dir eine Scrollbar ausreicht, dann ist das kein Problem.
Bitte füge dazu in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

.content.clearfix {
  overflow-x: auto;
}

Dadurch werden die Beitragsinhalte (v.a. Text) grundsätzlich auch weiterhin ohne Scrollbar, sondern mit Zeilenumbrüchen & Co umgebrochen, aber bei unflexiblen Inhalten wie Tabellen mit hohen Mindestbreiten werden dann Scrollbars im Beitrag angezeigt.

Ich hätte nicht angenommen, dass dir das unbedingt zusagt, aber wenn dir das gefällt, ist es ohne Weiteres möglich.
Grundsätzlich versucht man im Webdesign ja, Scrollinhalte in der Horizontale zu vermeiden und stattdessen die Inhalte anderwertig anzupassen (in diesem Fall: Tabelle in geringerer Mindestbreite, ev. JS mit Bildbreitenanpassung). Aber wenn dir eine Scrollbar nichts ausmacht, ist diese natürlich die einfachste Lösung.

Ja Günther, genau das war es was mir fehlte.
Die Scrollbar greift somit auch nur bei betroffenen Tabellen. Die einzelnen Grafiken in den Beiträgen sind davon ohnehin nicht betroffen da ich diese anders definiert habe.

Danke kann closed

Das ist gut, dann ist die einfachste Lösung schon optimal für dich.
Gerne.
-closed-