background-position: bottom bei IE und Firefox

[Corsachriz]

Mahlzeit zusammen

Habe ein kleines Problem mit der Gestaltung eines Hintergrundes.

Der Hintergrund ist ein 400px hoher Verlauf zur Hintergrundfarbe hin.

Der CSS sieht so aus:

body {font-family:arial,verdana;
background-image:url(../bilder/background.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#C5C5C5;}

Problem ist der Unterschied von IE (6) zu firefox (2.0)

Während der IE das Bild immer bis zum unteren Bildschirmrand rückt, fehlen beim Firefox unten jede Menge Pixel.

Kennt jemand das Problem ?

Internet Explorer: Firefox:

(Doctype ist XHTML 1.0 Transitional)

[Adromir]

Versuch mal:

html, body { margin: 0; padding: 0;}

[Corsachriz]

Mhh das hatte ich zwar auch vergessen, löst aber leider nicht das Problem...

[ingozen]

Tja, in XHTML ist der "Zauber-Body" verschwunden und pauschal erstmal so hoch, wie sein Inhalt Platz benötigt.
Abhilfe

html {
    height: 100%;
}

body {
    min-height: 100%;
    background: #C5C5C5 url(../bilder/background.gif) repeat-x 0 100%;
}

* html body {
    height: 100%; /*Für IEs kleiner als 7; die interpretieren height in dieser Situation als min-height*/
}

[Corsachriz]

Mhh leider auch nicht. Im FF ist der background jetzt immernoch höher und vor allem bei den unterseiten bleibt er statisch an der selben stelle...

[Adromir]

gib die Hintergrundangaben doch mal dem html Element.

[Corsachriz]

Leider das Selbe in grün :-(

[ingozen]

zeich her

[Corsachriz]

foto *minus* drucken *punkt*com