Hallo erstmal an alle!

also als ich gerade eine Seite für einen Kunden fertig gemacht habe bin ich auf ein problem gestoßen:

Wenn bei Mozilla Firefox die Scrollbalken zu sehen sind verschiebt sich der mittig zentrierte Background um einen Pixel. Ohne Scrollbalken alles super…

Also nochmal zum Verständniss:

Ausgangslage ein Wrap der mit margin: 0 auto; zentriert wird, ein Hintergrundbild das mit background-position: center; zentriert wird. Ohne Scrollbalken alles klar, mit sind diese Unterschiedlich verschoben.

Hier die Lösung (leider ein Javascript):

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}

This entry was posted on Mittwoch, Oktober 15th, 2008 at 12:47 pm and is filed under CSS & Webstandarts. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.