RESOLVED INVALID 17755
incorrect spacing and positioning of images because of margin and padding 
https://bugs.webkit.org/show_bug.cgi?id=17755
Summary incorrect spacing and positioning of images because of margin and padding
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.