Hintergrundbild, Farbe, Hintergrundbild

Hier mal ein grundsätzlicher Ansatz, braucht wahrscheinlich noch etwas Arbeit um in älteren Versionen des IE zu funktionieren.

html {
	height: 100%;
	background: #000 url('bg_oben.jpg') top left repeat-x;
}
body { 
	height: 100%; 
	background: transparent url('bg_unten.jpg') bottom left repeat-x;
}

Das geht davon aus dass die Hintergrundbilder nahtlos sind. Sollte das nicht der Fall sein (wie z.B. momentan noch bei bg_unten.jpg) kannst du statt "left repeat-x" "center no-repeat" bei beiden verwenden. Sollte dann aber an den Seiten auch schön ins Schwarz fliessen.

Hiffe das hilft,
-Lukas

Whoops, sorry, bei body sollte das min-height sein, also so:

html {
	height: 100%;
	background: #000 url('bg_oben.jpg') top left repeat-x;
}
body { 
	min-height: 100%; 
	background: transparent url('bg_unten.jpg') bottom left repeat-x;
}

Aber wie schon gesagt, die Lösung ist ungeprüft, kann mir gut vorstellen dass es in einigen Browsern Probleme gibt, kann es von hier aber nicht testen. Ältere Versionen des IE machen z.B. Probleme mit min-height.

Wenn das Fenster zu klein ist wird der bg_unten übrigens über bg_oben geschoben was ziemlich hässlich ist, der Hintergrund im Bild sollte vielleicht besser Transparent sein.

Sorry, heute nicht mehr. Aber anstatt meiner Lösung kannst du dir mal Sticky Footer-Lösungen anschauen, die sollten sich für deine Zwecke eigentlich auch eignen.

http://ryanfait.com/sticky-footer/
http://www.cssstickyfooter.com/

Versuch es doch mal mit zwei div-Containern. Setzte die Höhe von dem jeweiligen Bild und mach das Bild als background rein. Dann den unteren div-Container für den Footer-BG mit

bottom: 0;

unten anheften und den oberen mit

top: 0;

ganz oben anheften.
Anschließend müsstest du einfach noch zu den beiden Bildern einen negativen z-index hinzufügen. Z.B.

z-index: -90;

Hoffe, dass das so klappt wie mir das gerade durch den Kopf geht. Wenn nicht, dann kann ich mich ja mal ran setzen und dir das ganze fertig machen. Aber probiere es lieber erstmal alleine, denn so kannst du das beim nächsten Mal