RESOLVED DUPLICATE of bug 5399 7697
background-repeat in <a> tag not honored using negative background positioning (was: A problem with tables and images at imdb.com)
https://bugs.webkit.org/show_bug.cgi?id=7697
Summary background-repeat in <a> tag not honored using negative background positionin...
Daniele Metilli
Reported 2006-03-10 03:38:18 PST
The link is just for reference, see the reduction instead. The center image renders incorrectly: there shouldn't be that yellow part inside the blue part. The problem is related to the "no-repeat" in the "background" style attribute of the center image. In Firefox it renders correctly if you don't remove the "no-repeat". In WebKit it always renders incorrectly. Somehow, WebKit is ignoring that "no-repeat". This bug could be related to 7691 since both have to do with "background".
Attachments
Reduction (802 bytes, text/html)
2006-03-10 03:39 PST, Daniele Metilli
no flags
Reduced test case (324 bytes, text/html)
2006-04-26 23:42 PDT, Alex Taylor
no flags
Reduced test case no. 3 (340 bytes, text/html)
2006-05-11 10:59 PDT, jonathanjohnsson
no flags
Daniele Metilli
Comment 1 2006-03-10 03:39:30 PST
Created attachment 6983 [details] Reduction This is the best I could do. Probably it could be reduced more.
Daniele Metilli
Comment 2 2006-03-10 03:43:12 PST
I forgot to say that this happens in the latest nightly build (13244) and also in the last stable version of Safari (the one included in Mac OS X 10.4.5). I don't know about the previous versions.
Daniele Metilli
Comment 3 2006-03-26 06:29:05 PST
No one has confirmed this yet, so I'll explain the problem better: 1 - Go to http://imdb.com/nowplaying/ 2 - Look at the yellow "search IMDb" on the upper left, just below the IMDb logo. 3 - Part of it goes over the blue image that says "now playing". This happens in the latest nightly (r13482). It doesn't happen in Firefox.
Alexey Proskuryakov
Comment 4 2006-03-26 09:08:41 PST
I think that this could indeed benefit from further reduction, changing the keyword accordingly.
Alex Taylor
Comment 5 2006-04-26 23:42:20 PDT
Created attachment 7990 [details] Reduced test case Reduced test case, appears to be related to negative positioning and no-repeat as well as a height on the element.
jonathanjohnsson
Comment 6 2006-05-11 10:56:19 PDT
Nice reduction, Alex. I changed it a bit to make the problem more visible. The picture is now 80x80, and the pixel values have changed (maybe not better, but it's a nicer picture :) ) The problem seems to be that if the size of the <a> tag is the exact same, or smaller, than the picture size, *and* the positioning of the background image has a negative value, then the "no-repeat" value of the background isn't honored. The x and y directions are independent, i.e. if the above criteria only holds for the x direction, the "no-repeat" value will still be honored in the y direction. I think picture with distinct, different colored, borders would make it easier to see exactly what happens when the positioning is changed. Changing to P3 as this is just a cosmetic problem.
jonathanjohnsson
Comment 7 2006-05-11 10:59:13 PDT
Created attachment 8243 [details] Reduced test case no. 3
jonathanjohnsson
Comment 8 2006-05-11 11:46:39 PDT
This is a duplicate of bug 5399. *** This bug has been marked as a duplicate of 5399 ***
Note You need to log in before you can comment on or make changes to this bug.