Background Image (widescreen)

Gangsterneo

Mitglied
Hallo Leute,

ich bin grade dabei eine Homepage zu basteln und bin auf ein Problem mit dem Background Image gestoßen.
Leider lasst sich mein Backgroundfenster nicht fest an den Content anschmieden.

Beispiel:
http://www.f7c-foren.de/forumdisplay.php?f=824

So hätte ich das gerne :) Links und Rechts einen Background welcher sich nicht verschiebt wenn man verschiedene Auflösungen hat oder das Fenster minimiert.
Ich probiere jetzt schon Stundenlang rum.. und die SuFu hat leider auch nicht das gewünschte Ergebnis gebracht.

Kann mir wer helfen bitte :)
 
Moin,

durch diese background-position-Regel
Code:
body

{

background: #28251D url(/images/styles/bf/forenbg.jpg) 50% 0px repeat-y; 

}

wird das Hintergrundbild in der horizontalen Fenstermitte positioniert, und verschiebt sich entsprechend beim Skalieren der Fensterbreite - bei einem zu kleinem Viewport verschwinden sogar seine Randbereiche aus dem Fenster.

Folglich erzeugst du im HTML-Code einen weiteren DIV-Block der das Hintergrundbild ohne obige Positionsangabe erhält, und dessen Breite (= 1660px) besitzt, um die übrigen Seitenbereiche darin einzubetten, die in der Seite horizontal zentriert sind, und den schwarzen Bereich des Hintergrundbildes überdecken sollen.

mfg Maik
 
Zurück