Bug 64686

Summary: Margin: 0 auto; and Background-position: center; don't align.
Product: WebKit Reporter: Ian Storm Taylor <ian>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: bfulgham, evanbor95, nickshanks
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
URL: http://ianstormtaylor.com/experiments/_css-centering-test/
Attachments:
Description Flags
A case study of the bug. none

Ian Storm Taylor
Reported 2011-07-18 03:40:31 PDT
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
Attachments
A case study of the bug. (58 bytes, text/plain)
2011-07-18 03:40 PDT, Ian Storm Taylor 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2011-07-18 10:27:41 PDT
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
Comment 2 2011-07-18 10:36:02 PDT
(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
Comment 3 2011-10-06 03:55:55 PDT
Test case URL fails when viewport width is an odd number of pixels wide, passes when viewport is an even number of pixels wide.
evanbor95
Comment 4 2017-07-11 06:23:38 PDT
Same on the iOS - auto-margin don't center element without setting sizes
Brent Fulgham
Comment 5 2022-07-12 14:59:53 PDT
The test site no longer exists. We can't take further action on this bug.
Note You need to log in before you can comment on or make changes to this bug.