Boxen verrutschen, wenn Zeile nicht vollständig gefüllt ist

**ds0304** · 28.07.2020, 16:34

Hallo zusammen,

ich hoffe ich bin hier mit meinem Anliegen richtig. Ich arbeite gerade an einer Contao-Seite mit MATE-Theme und plötzlich verrutschen nebeneinander angeordnete Boxen, wenn eine Zeile nicht vollständig gefüllt ist. Bis vor ein paar Tagen war das noch nicht so. Vor ein paar Tagen hatte ich Probleme, Updates über den Contao-Manager einzuspielen. Jetzt lief alles wieder. Ich meine das Problem trat zum ersten Mal auf, als ich das MATE-Theme auf den neusten Stand aktualisiert habe.

Man kann das z.B. auf folgenden Seiten sehen:
https://contao.heinrich-boell-schule.de/aktuelles.html (erste Newsbox unter "Aktuelles")
https://contao.heinrich-boell-schule...hschaften.html (Boxen der Fächer)

Man kann sich behelfen, wenn man ein leeres Platzhalter-Element einfügt. Aber das ist ja eigentlich nicht Sinn der Sache.

Hat vielleicht jemand eine Idee, woran das liegen könnte?

Es läuft Contao 4.9.4
Plugins sind Contao Cookiebar (2.3.1), MATE Theme (2.11.3), iCal Kalender (4.2.0) und MetaModels Start-Bundle (2.1.2)

Schon mal besten Dank!

**mlweb** · 28.07.2020, 17:29

Das ist reines CSS. Gestaltet sind die Bereiche mit Flexbox. Durch die Anweisung margin-left: auto; für alle Flex-Box-Items wird ein automatischer Abstand links eingeschoben, wenn dafür Platz vorhanden ist.
Möglicherweise wurde beim Theme etwas am css geändert, möglicherweise tritt der Efekt aber auch für Dich scheinbar plötzlich auf, weil Du an der Breite des umgebenden Containers oder an der Breite der Flex-Box-Items etwas geändert hast.
Ich würde den Abstand einfach entfernen oder falls benötigt auf das letzte Element beschränken. Kommt natürlich etwas darauf an, wie es im Endeffekt aussehen soll.