fixed Hintergrundbilder

[Niji-chan]

Hi,

folgendes Problem:

Ich habe für den Body ein fixed Hintergrund = kein Problem

Dazu gibt es dann einen div-Container, der die Höhe 100% haben soll, also genau so groß sein soll, wie das Browserfenster hoch ist.

ABER im Firefox funktioniert das ganze nicht - für IE 6 benutze ich ein JAvaScript

Im Firefox wird der Hintergrund des divs nicht richtig dargestellt, da die Höhe des DIVs nicht korrekt ist.

HTML-Code:

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	background: #fff url(../img/body_bg.gif) fixed bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#maincontainer {
	background: url(../img/body.gif) no-repeat right bottom fixed;
	height: 100%;
	min-height: 100%;
}

Wie bekomme ich den maincontainer jetzt also auf die tatsächlichen 100%?

lg niji

[drunken monkey]

Probier's mal so:

Code:

#maincontainer {
	background: url(../img/body.gif) no-repeat right bottom fixed;
	position: absolute;
	top:0;
	bottom:0;
}

[Niji-chan]

Dann verkleinert der mir das div noch mehr !?

[mitaki]

Wie sieht der HTML-Quelltext (komplett) dazu aus?

[Niji-chan]

zeig ich Montag - komme ich vorher nich mehr ran

EDIT: hat sich mit min-height erledigt