Es ist nicht möglich, zwischen zwei Grids mittig per CSS eine vertikale Trennlinie anzubringen.
Die Ursache liegt darin, dass die Grids via Margin-Anweisungen voneinander getrennt werden und die Border-Anweisung aber entsprechend dem Boxmodell zwischen Padding + Margin liegt. Eine Border würde daher immer an einem Grid ankleben. Versucht man sie mittels dem Padding davon wegzuschieben und den Abstand hinzufaken, muss man 1. immer die doppelte Margin-Breite als Padding vergeben und zweitens würde das Grid kollabieren, da sich die Breite des Paddings und der Border zur Gesamtbreite dazu addiert.
Hat jemand eine Idee wie/ob dieses Problem eim aktuellen Contao 3 Grid lösbar ist? Vor allem unter Beachtung der Tatsache, dass das dann auch in kleineren Auflösungen auch noch funktionieren sollte?
Ich habe es mal mit Bildern (über die gesamte Artikelbreite) hingefaked, die ich dann für jede der Auflösungsstufen erneut bauen musste, aber das ist absurd, weil total umständlich und unflexibel.
Lesezeichen