Gunther: mehrere (verschiedene) background-images

Beitrag lesen

Hallo!

Ich verstehe deinen Ansatz irgendwie nicht!?
Du willst deinen eigentlichen Seitenbereich (also der Teil mit Inhalt) mit einer festen Breite auf dem Viewport zentriert anzeigen lassen, soweit noch richtig?

Ferner willst du, falls der Viewport breiter ist als dein "Content-Bereich", links und rechts davon ein Hintergrundbild erscheint?

Da du im Endeffekt ja nie wissen kannst, wie breit der Viewport eines Users ist, sehe ich da jetzt verschiedene Varianten:

1. Ein Hintergrundbild, welches du horizontal zentrierst. Aufgrund der fixen Breite deines überlagernden Content-Bereichs könntest du sogar pixelgenau die beiden Ränder in deinem Hintergrundbild festlegen.

2. Du erstellst dir 2 Container-Elemente, die du beide absolut positionierst. Eins links am Rand, das andere rechts am Rand und beide jeweils 50% breit. Somit kannst du jedem Container ein unterschiedliches Hintergrundbild (oder auch mehrere) zuweisen.

Es wäre aber trotzdem hilfreich, wenn du die Art deines gewünschten Hintergrund(bildes) mal näher erläutern würdest. Soll das bspw. nur ein horizontaler Farbverlauf sein, oder so aussehen, als ob "etwas" hinter der Seite hervorguckt etc.?

Gruß Gunther