Hälfte/Hälfte Hintergrund soll wandern beim verkleinern

[a.albrecht]

Hallo!

Ich habe eine Frage:
Es geht um einen schwarz/weiß hintergrund. Dabei ist die linke Seite komplett schwarz, rechts ist weiß. Besonderheit ist, dass die Kante von schwarz zu weiß nicht genau mittig liegt, sondern weiter links. Hier habe ich eine Grafik angelegt mit 2000px Breite und 2px höhe. Links ist schwarz und rechts weiß.

Im CSS habe ich folgendes:
background-image:url(bg.jpg);
background-repeat: repeat-y;
background-position: -77px;

Problem ist, wenn ich das Browserfenster verkleiner, bleibt die Grafik fest. Die Kante von schwarz zu weiß soll aber mit wandern.

Wie kann ich das lösen?

 

[Space Vampire]

dein
background-position: -77px;
muss weg und durch
background-position:center center;
ersätzt werden.
den versatz von 77px musst du, von der mitte ausgehend, gleich beim erstellen der grafik berücksichtigen.
dann klappts