Comments on: Fixing Safari’s 1px background-image centering bug

By: Jeremy Carlson

Jeremy Carlson — Tue, 17 Jan 2012 19:13:02 +0000

Perhaps @Pacoup was trying out `background-position: 50.001% 0;` without the media query. I was tempted, too, and may investigate further.

In any case, this worked elegantly for me with a minimum of fuss. Thank you!!

By: Jeaffrey Gilbert

Jeaffrey Gilbert — Thu, 12 Jan 2012 09:44:20 +0000

I didn’t work for me before I update my background image size to 5000px. Now it works, thanks.

By: Mos

Mos — Sat, 24 Dec 2011 19:21:12 +0000

It’s almost 2012 and we still have this bug.

By: Davor Tomic

Davor Tomic — Fri, 16 Dec 2011 14:37:32 +0000

Thank you very much Phil, your fix saved me a lot of headache! Worked like a charm

By: mark

mark — Fri, 04 Nov 2011 20:20:12 +0000

Thanks, man. This was driving me crazy and your fix solved it.

By: Phil Freo

Phil Freo — Fri, 10 Dec 2010 06:00:03 +0000

@Pacoup: Sorry, but this doesn’t make sense. If Opera does “correct centering” (like Firefox) then it will work fine. The “fix” here is special webkit only code that will be completely ignored by Opera since it’s not a webkit browser.

By: Pacoup

Pacoup — Fri, 10 Dec 2010 05:39:07 +0000

Works great. However, it breaks Opera’s correct centering, which means Opera must be doing something else than Mozilla and IE which don’t get affected by this bug.

Tested in and works in: IE7, IE8, IE9, Chrome 8, Safari 5, Firefox 3.6, Firefox 4

I guess that if your design must really work with this background trick, it’s a choice between leaving behind 18% of your users (Webkit -> Safari/Chrome/iOS/Android) or less than 2% (Opera).

lol
Thanks for the tip

By: colin

colin — Sun, 01 Aug 2010 20:04:01 +0000

Oh thank you! You solved my centering problem that was bugging me for the past couple hours.

By: Mark Hutton

Mark Hutton — Wed, 16 Jun 2010 14:09:39 +0000

Thank you, this worked great for the very latest versions of Chrome and Safari.. it was a major bummer when I first noticed the issue & then messing around with negative margins etc to no avail – now it looks fine

By: Woodspiral

Woodspiral — Fri, 07 May 2010 13:49:40 +0000

Yes, this indeed helped me at least. I always seem to bump into this problem sooner or later when designing a layout. Thanks for the post and simple solution!