Hallo zusammen
Ich habe gerade ein Pixelproblem, das mich noch auf die Palme treibt. Wenn ich ein 200px breites Bild habe, das ich dem body als Hintergrundbild gebe (zentriert) und danach ein genausobreites Div darüber setze und zentriere, dann sind die beiden nicht deckungsgleich. Allerdings nur in ca. der Hälfte aller Fälle.
Hier habe ich euch dazu ein Beispiel: http://www.spielhofer.ch/foo/
Ich könnte mir vorstellen, dass der Browser "halbe Pixel" in der Positionierung des Hintergrundes ab-, beim Div aber aufrundet. Sprich: Ist die Fläche im Browsers 501 Pixel breit (bei 200 Pixeln Div und Bild), so fängt das Hintergrundbild bei 150 Pixeln, das Div aber erst bei 151 Pixeln an.
Lustigerweise scheint es der IE8 richtig zu machen, FF und chrome jedoch nicht.
Kennt jemand den Effekt? Und vor allem: gibt es einen Workaround?
Bin sehr dankbar für Antworten.
Grüsse aus der Schweiz
sra