Liste der Anhänge anzeigen (Anzahl: 1)
Hintergrundbilder über Content hinaus
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 :)
Liste der Anhänge anzeigen (Anzahl: 1)
Hi und danke für die Nachricht - ich habe hier einen ausführlicheren Screenshot angehängt und das Problem etwas vereinfacht, damit es verständlicher wird. Zusammengefasst kann man sagen: Das Contao Grid verwendet eine max. Breite von 960px auf Desktop PCs. Sobald ich also ein Element (Artikel oder was auch immer) über die komplette Breite des Screens (z.B. 1920px) einfärben will, scheitere ich am fixen Layout des Grids, das max. 960px zulässt. Daher habe ich überlegt, ob und wie man Elemente auch außerhalb (links und rechts des main containers) darstellen kann. Aber wahrscheinlich bleibt nur eine (für mich) komplizierte Lösung wie von Samuell übrig.