Hallo Contao Community,
ich habe heute ein kleines Logik- / Verständnisproblem.
Meine Seite nutzt Contao Grid, das heißt sie hat eine statische Breite für den main container von 960px (desktop), 768px (tablet), und eine variable Breite für alles unter 768px (mobile).
Jede Unterseite startet mit der Navi ganz oben, darauf folgt ein Slider und danach meine Artikel. (siehe Screenshot)
Jetzt möchte ich die Navi immer mit einem Schatten vom Rest der Seite trennen, ebenso sollen die Slider eine graue Hintergrundfarbe zur Abgrenzung haben. Das Problem ist, dass meine Navi, sowie der Slider ja nie größer sein können als der main content (960, 768 usw.) - d.h. ich kann die graue Fläche / den Schatten immer nur auf eben dieser Breite nutzen und der Rest links und rechts davon bleibt weiß. (auf dem Screenshot seht ihr den Wunschzustand! für den aktuellen Stand stellt euch bitte alles außerhalb der roten Rahmen weiß vor)
Ich habe überlegt, einfach meinem body eine Hintergrundgrafik zuzuweisen, die den Schatten und die graue Fläche enthält, allerdings müsste ich diese Grafik dann für alle 3 Screen Varianten bereitstellen (desktop, tablet & mobile). Außerdem ist der Slider nicht auf jeder Seite gleich groß in seiner Höhe! Das heißt ich müsste für jede Unterseite die Größe neu bemessen und weitere Bilder erstellen, für die Hintergrundgrafik.
Gibt es keinen dynamischeren Weg, um die Hintergrundfarbe bzw. box-shadow über meine content main hinaus zu verlängern, in der Breite?
Die Seite ist derzeit lokal und ich kann euch maximal mit Screenshots versorgen, wenn ihr weitere Fragen habt. Ich hoffe ich konnte das etwas verständlich erklären (schaut euch auch den Screenshot an, wenn ihr mögt) und jemand weiß einen Tipp
Lesezeichen