Bild im header und footer um 1px verschoben

**Mip** · 29.09.2009, 16:46

Hallo,

wie im Tiltel schon erwähnt, scheint im header und im footer das jeweilige Bild um 1px nach rechts verschoben zu sei bzw. wird es im IE8 (auch im Kompatibilitätsmodus) so angezeigt. Im Firefox sieht's gut aus, und überraschenderweise auch im IE6.
Bin für jeden Tipp dankbar, habe es leider trotz vielen css-Einstellungen nicht hingekriegt.

Hier der Link:
http://tvk-jugend.de/startseite.html

Gruß,
Claudiu

**Stephan** · 29.09.2009, 17:37

Hallo Claudiu,

ich kann im IE 6 bis 8 keinen Versatz im Header oder Footer erkennen. Im Safari 4 und Chrome 3 dagegen ist das Hintergrundbild background.png, das dem <body> zugewiesen ist, um einen Pixel nach rechts verschoben.

**Mip** · 29.09.2009, 21:31

Hallo Stephan,

vielen Dank für die Info, damit hast du mich nur noch mehr verwirrt. Wie kann es sein, dass ich eine falsche Anzeige habe, das ist doch nicht Raumtemperaturabhängig. Habe mit dem Netrenderer gesehen das im IE8 die Anzeige tatsächlich stimmt. Für mich ist so etwas unerklärlich.
Kannst du mir vielleicht einen Tipp geben wegen der Anzeige in Safari u. Chrome (wegen dem verschobenen background.png Bild)? Bei einem online-Test mit Safari 3 schien auch alles in Ordnung. Das sind ja Lotterie-Zustände.
Vielen Dank für deine Geduld.

Gruß,
Claudiu

**joerg-t** · 29.09.2009, 21:49

Hallo Claudiu,

gehst du davon aus, dass Online Tools richtig anzeigen?
Bau dir eine lokale Testumgebung auf. Mittel gibt es genug, z.B. VM usw

Gruß Jörg

**Mip** · 29.09.2009, 22:11

Hallo Jörg,

da haste wohl Recht, muss ich mir demnächst einrichten um mehr Gewissheit zu haben.

Gruß,
Claudiu

**Stephan** · 30.09.2009, 09:28

Hallo Claudiu,

wie Jörg schon sagte, auf Netrenderer ist kein Verlass. Besorge dir lieber alle Browser und teste lokal auf deinem Rechner.

Nun zu deinem Versatz im Safari und Chrome. Tritt ein Fehler nur in diesem beiden Browsern auf, geht bei mir sofort ein rotes Lämpchen mit der Aufschrift Webkit an. Webkit ist die Rendering-Engine der beiden Browser, womit zu vermuten ist, dass hier der Fehler zu suchen ist. In deinem Fall rundet die Rendering-Engine eine Zahl falsch, so dass dein Hintergrundbild um einen Pixel verschoben wird. Um den Fehler auszumerzen, musst du die background-position ein wenig abändern. Wie das genau zu machen ist, kannst du auf dieser Seite nachlesen.