Der Thread-Titel "Parallax" ist falsch gewählt, da es Dir nicht um Parallax-Effekte geht, sondern einfach um mehrere auf einer Seite befindlichen Content-Abschnitte mit jeweils anderem BG-Motiv.
Du wirst auf jeden Fall (sofern Du keine Erweiterung dafür findest) das Contao-CSS-Framework ausklammern müssen, da der wrapper Dir ansonsten alles in der Breite begrenzt (und natürlich musst Du auf rechte bzw. linke Spalten verzichten).
In Folge fügst Du Du Deiner Hauptspalte mehrer Artikel hinzu, welchen Du zur einfachen CSS-Adressierung passende IDs bzw. Klassen mitgibst.
Die Ausgabe sieht dann so aus:
Code:
<div id="container">
<div id="main">
<div class="inside">
<div class="mod_article block" id="meineAbschnitt1">
##hier fliegen die Contentblöcke rein
</div>
<div class="mod_article block" id="meineAbschnitt2">
##hier fliegen die Contentblöcke rein
</div>
</div>
</div>
</div>
Den einzelnen Artikel-Blöcken weisst Du nun über Deine IDs (oder Klassen) die Backgroundgrafiken zu. Die Contentblöcke musst Du dann noch zentrieren und in der Breite begrenzen (sofern gewünscht). Dazu eignet sich am besten die Contentelmente in ein weiteres DIV o.ä. zu packen. Dieses integrierst Du mittels HTML-Element (oder besser Erweiterung semantic_html).
EDIT: Die oben beschriebene Methode führt zu einem Haufen überflüssiger DIVs (main, inside, ...), nicht unbedingt schlimm, aber sicher nicht optimal. Besser wäre es das fe_page-Template entsprechend anzupassen und überflüssige Strukturen zu entfernen.
Lesezeichen