background oder FF vs. IE

[Der Martin]

Hallo,

CSS:
[code lang=css]body#triple{ background: url("img/body_bg.png") repeat-y top 50% ; ... }
Mit dem Internet Explorer (6 & 7) funktioniert auch alles wunderbar - das Hintergrundbild verlängert die Spalten optisch bis zum unteren Bildschirmrand. Unter Firefox (3) ist die optische Länge des Inhalts nur die tatsächliche Länge...

ja, das ist ein ganz alter Hut, und schon oft und in vielen Variationen hier gefragt worden.

Wo liegt der Fehler?

In deiner Erwartung, und darin, dass du den IE offensichtlich im Quirks Mode hast. Im Standards Mode macht er es nämlich ebenso richtig wie der Firefox.

Normalerweise ist das body-Element nur so hoch wie sein Inhalt - so wie alle anderen Elemente, denen man keine explizite Höhe zuweist. Soll body nun eine davon abweichende Höhe haben, z.B. 100%, dann muss man ihm das auch zuweisen.
Aber vergiss nicht, dass eine Prozentangabe sich dann auf die Höhe des Elternelements bezieht. Daher muss dieses *auch* eine Höhe von 100% bekommen.

So long,
 Martin