Bug 17755

Summary: incorrect spacing and positioning of images because of margin and padding
Product: WebKit Reporter: jasneet <jasneet>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: jasneet, shanestephens
Priority: P2 Keywords: HasReduction
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Windows XP   
URL: http://voila.fr/
Attachments:
Description Flags
screenshot
none
reduction none

jasneet
Reported 2008-03-10 17:15:20 PDT
I Steps: Go to http://voila.fr/ II Issue: Notice the positioning of left and right arrow images in the header. III Conclusion: 1. The spacing between left arrow image and "Accueil" is incorrect reason being the padding is set to 0 in the <ul> so there's less spacing in the applied background for the <li> tag. 2. The positioning of right arrow image is incorrect because of left margin. If I change the value of left margin {margin: -1.2em 0 0 71.6em} to {margin: -1.2em 0 0 71.4em} then it displays correctly in Safari. IV Other browsers: IE7: not ok FF2: ok Opera: not ok V Nightly tested: 30881
Attachments
screenshot (184.85 KB, image/jpeg)
2008-03-10 17:15 PDT, jasneet 		no flags
Details
reduction (725 bytes, text/html)
2008-03-10 17:16 PDT, jasneet 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jasneet
Comment 1 2008-03-10 17:15:57 PDT
Created attachment 19646 [details] screenshot
jasneet
Comment 2 2008-03-10 17:16:36 PDT
Created attachment 19647 [details] reduction
Shane Stephens
Comment 3 2011-07-06 20:48:19 PDT
The reduction renders the same in FF5 so I'm inclined to believe this was a firefox bug not a webkit bug...
Note You need to log in before you can comment on or make changes to this bug.