nicht angemeldet
Zentriertes Hintergrundbild nicht deckungsgleich mit zentriertem
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
-
hi,
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.
Woran erkennst du das bzw. wie kommst du darauf?
Hier habe ich euch dazu ein Beispiel: http://www.spielhofer.ch/foo/
<div style="background-color:#000;">sowohl das div als auch das bg-bild sind 200px breit!</div>Wenn ich dem Container einen schwarzen Hintergrund zuweise, sehe ich keine abweichungen zum Hintergrundbild; getestet im FF 3.5.1.
mfg
-
Imho spielt die Farbe des Div keine Rolle.
Ich habe hier auf der Maschine noch den alten FF 3.0. Habs gerade mit 3.5 getestet und konnte den Fehler nicht nachvollziehen (unabhängig von der Farbe). Ausserdem konnte ich den Fehler mit dem neuesten chrome (2.0.irgendwas) nachvollziehen.
Irgendwelche Vorschläge / Hinweise?
gruss
-