background-position: Das sind keine 10 %!

[MudGuard]

Hi,

Bei 10% sind demnach 10% des Bildes links von der Linie, die 10% der Elementbreite entspricht.
also 10 % von 10 % sind 1 %, also ist das Bild 9 % vom linken Rand weg

Nö.

Beispiel:
das Bild ist 200px breit.
Das Element sei 500px breit (Breite sei hier der Bereich, für den Hintergrundfarbe/-bild gelten, also NICHT das, was width angibt, sondern border + padding + width).

Bei horizontaler Position von 10% gilt dann:
10% von der Bildbreite = 20px
10% von der Elementbreite = 50px

Es liegt also der 20. Pixel des Bildes 50 Pixel vom linken Rand entfernt (+/- 1 Pixel oder so).
Damit liegt die linke Bildkante 20 Pixel weiter links, also 50px - 20px = 30px.

cu,
Andreas