Hintergrundgrafik über ganze Seite...

[johndoe]

Hallo.

Mich würde mal interessieren, wie man es anstellt, wenn man eine Seite hat, die 1000px breit ist, aber in einem bestimmten Bereich geht eine Hintergrundgrafik über die komplette Webseite.
Wie hier: http://www.unlocking.com/

Sagen wir, ich habe einen header, linke spalte, hauptspalte und footer.

Und beim footer will ich nun, dass eine Grafik dahinter liegt. Die soll aber dann nicht nur so breit sein wie der Footer, sondern über die ganze Webseite gehen. Wie bei der Beispielseite im Kopfbereich.

Das müsste doch mit CSS irgendwie gehen, oder?

danke euch schomal!

[planepix]

Hallo johndoe,

body is our friend

Und Firebug mit Firefox dazu.

Eine Grafik die hinter allen Elementen und Divs liegt, ist über die Eigenschaft body zuzuweisen.

Das kann ein Foto sein oder auch eine "kachelbare" Grafik, 1 Pixel breit, 2000 Pixel hoch, die dann auf der x-Achse wiederholt wird.

body{background:url("Pfad-zur-Grafik.gif") repeat-x top left;}

[johndoe]

hi!

danke für deine Antwort.

[desgriangmascho]

Hallo und danke für den Tip!

deine Syntax hat nicht funktioniert. Ich hätte alternativ das anzubieten:
body {background-image: url("/relativer-Pfad-plus-Dateiname")}
Damit funzt es. Diverse Leerzeichen und den "/" vor dem Pfad braucht es. Beispiel: url("/files/content/home/Start_Wolken_500.svg")

s.a. https://wiki.selfhtml.org/wiki/CSS/E...ckground-image

Liebe Grüße, Stefan

Hallo johndoe,

body is our friend

Und Firebug mit Firefox dazu.

Eine Grafik die hinter allen Elementen und Divs liegt, ist über die Eigenschaft body zuzuweisen.

Das kann ein Foto sein oder auch eine "kachelbare" Grafik, 1 Pixel breit, 2000 Pixel hoch, die dann auf der x-Achse wiederholt wird.

body{background:url("Pfad-zur-Grafik.gif") repeat-x top left;}

[Ainschy]

Du hast aber schon gesehen das der Beitrag mehr als 9 Jahre alt ist?

[planepix]

Body war damals schon ok [emoji854]
Und den Pfad muss man immer an sen aktuellen Umgebungen anpassen [emoji869]