Bug 64686 – Margin: 0 auto; and Background-position: center; don't align.

• Status: RESOLVED
• Resolution: INVALID
• Component: CSS

[Ian Storm Taylor]

Created attachment 101143 [details]
A case study of the bug.

When you have something centered via `margin: 0 auto;` and something centered via `background-position: center ...;` the two objects don't line up when the window is an odd number of pixels wide.

The case study makes it really obvious if you resize the page.


Currently working in all other browsers including IE 8.0

[Alexey Proskuryakov]

Comment on attachment 101143 [details]
A case study of the bug.

Obsoleting an attachment that contains nothing but a test case URL.

Would you be willing to attach a reduced test case? The current test case contains a ton of external dependencies.

[Ian Storm Taylor]

(In reply to comment #1)
> (From update of attachment 101143 [details])
> Obsoleting an attachment that contains nothing but a test case URL.
> 
> Would you be willing to attach a reduced test case? The current test case contains a ton of external dependencies.

Yup sorry about that. Forgot about all those dependencies in my blank template.

The test case has been updated to be super light.

[Nicholas Shanks]

Test case URL fails when viewport width is an odd number of pixels wide, passes when viewport is an even number of pixels wide.

Same on the iOS - auto-margin don't center element without setting sizes

[Brent Fulgham]

The test site no longer exists. We can't take further action on this bug.