hallo,
Ich möchte das sich zwei Background-Image einmal im html-tag und einmal im body-tag in y-richtung wiederholen. Unzwar über die komplette höhe der HP nicht des Browserfensters.
mein Code:
Code:
html {
background:url("media/bg_left.png") top left repeat-y;
}
body {
background:url("media/bg_right.png") top right repeat-y;
}
Das Problem ist:
wenn ich keine height-angaben bei beiden mache, funktioniert es super, WENN der Inhalt größer als das Browserfenster ist.
Aber wenn der Inhalt kürzer ist als das Browserfenter dann geht der Background vom body nicht bis ganz runter. Wenn ich jetzt height:100%; im body habe geht es bei den kurzen Seiten. ABER nicht bei den Seiten die größer sind als das Browserfenster, da ich ihm ja gesagt habe 100%, und logischerweise sind Seiten die größer als das Browserfenster sind größer als 100%.
Wie bekommen ich es also hin das ich einen Background immer von oben bis unten habe.
Firefox
Oder kliegt es vielleicht daran das ich XHTML1.1 benutze?