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, 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:

#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