HanSolo: Hintergrund einer Webseite

Beitrag lesen

Dazu behältst du einfach den Hintergrund des 'html'-Elements bei und gibst dem 'body'-Element (das auch den Viewport ausfüllen muss) ein teiltransparentes Hintergrundbild, das den Verlauf enthält (Schwarz mit verschiedenen Alpha-Werten) und hinreichend breit bzw. hoch ist. Das ging ja – wie Der Martin schon anmerkte – nicht aus deiner Beschreibung hervor. Dieses positionierst du "center", voilà!

Mmmm, diese Lösung kann ich so leider nicht verwenden, da ich als Hintergrundfarbe für den body white verwenden muss. Das hat den Grund, dass der Navigations-Container und der Content-Container nicht immer die gleiche Höhe haben. Würde ich die Farbe von Body nicht auf white setzen dann würde unter dem jeweils kürzeren der beiden Container die Hintergrundgrafik zu sehen sein. Das sieht ja dann fürchterlich aus.

Natürlich könnte ich einen zusätzlichen div-Container ins Markup packen, aber genau das wil ich eigentlich vermeiden, da ich ja sonst das Markup für Layoutzwecke missbrauche.

Hast Du vielleicht einen Lösungsansatz oder einen Alternativvorschlag?