Bildunterschrift (Caption) ragt über Bild

[rost]

Das gab es früher schon mal, wurde mit Contao 2.11 gefixed und nun ist es wieder da.

Die Bildunterschrift wird nicht umgebrochen, sondern ragt über das Bild hinaus.
Hier ein Beispiel auf einer inaktiven Seite: Beispiel

Woran liegt es, wie kann ich es abstellen?
Vielen Dank schon mal ...

[Bennie]

.image_container  { 
   display: table; 
} 


.caption { 
    display: table-caption; 
    caption-side: bottom; 
} 

Versuch das mal, wobei mich wundert, dass bei Dir weder figure noch figcaption auftaucht, ist es ein altes oder absichtlich modifiziertes Template?

[rost]

Das scheint zu funktionieren, sieht aber anders aus als vorher. Ein angepasstes Template habe ich dafür seit 2.11 nicht mehr ;-)

[Bennie]

Ja aber aus 3.5 stammt das nicht original. Wie gesagt da fehlt ja figure und figcaption.
Was sieht anders aus? Das Ergebnis im Vergleich zu früher?
Das muss doch wohl angepasst sein bzw. noch im template Ordner liegen.

[rost]

Nein im Template-Ordner ist nichts für die Bilddarstellung, wie würde das Template denn heißen?
Ich nutze xhtml - macht das einen Unterschied?

Vorher hatte der umgebrochene Text keinen so großen horizontalen Abstand zueinander, also war mehr im Fluss.

[Bennie]

Ja macht es offenbar wie ich gerade gesehen habe. Warum stellst nicht auf html um?

Die Abstände kommen von Deiner im font festgelegten line-height. Das kannst ja leicht ändern für das caption

[rost]

Die komische Darstellung scheint an der geerbten Zeilenhöhe zu liegen - komisch, scheint irgendwann mal nicht vererbt worden zu sein.

Warum xhtml? War seinerzeit aktuell. Keine Ahnung was passiert, wenn ich umstelle...

[Bennie]

Na ja seinerzeit ist aber schon lange her
Das das figure element fehlt erklärt sich auch genau daraus. Das gab es "erst" mit html5 . Deshalb eben nicht im xhtml template

Stell einfach mal um, soll doch alles offenbar auf den aktuellen Stand gebracht werden oder?

[rost]

Gerade mal geschaut, war die Eintstellung ob xhtml oder html5 ausgeliefert werden soll nicht unter Einstellungen? Wo isses hin?

Alles aktualisieren? Naja, mit der Seite teste ich die Updates - offensichtlich nicht gründlich genug, dass mir das mit den Bildunterschriften erst jetzt auffällt.

[tab]

Im Seitenlayout ... unter Experteneinstellungen.

[rost]

Da auf html umstellen?
Ändert aber nix an der Bilddarstellung...

[Bennie]

Dein Problem bliebe ohne die css Anpassung bestehen, aber wie Du siehst funktioniert es doch wie erwartet.

[mlweb]

Grundsätzlich bekommt man auch einen Umbruch, wenn man dem figure-Element eine entsprechende Breite mitgibt (je nach konkreter Aufgabenstellung in px oder % bzw. em/rem). Die darf allerdings nicht größer werden als das verwendete Bild plus padding (im konkreten Beispiel 260px). Besser dann m.E. auch das padding an figure zu binden und grundsätzlich für alle Elemente box-sizing: border-box verwenden.