Open
Bug 1027860
Opened 10 years ago
Updated 2 years ago
background repeat image uses incorrect size
Categories
(Core :: Layout, defect)
Tracking
()
UNCONFIRMED
People
(Reporter: mfried, Unassigned)
Details
Attachments
(2 files)
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 2014050900
Steps to reproduce:
1. Create a web page:
<html>
<head>
<style>
.instance {
height : 100px;
margin : 100px 0px 0px 0px;
white-space : pre-wrap;
line-height : 16px;
background-image : url("instance_ruled.png");
background-repeat : repeat;
background-position : 0px 0px;
background-size : 2px 16px;
}
</style>
</head>
<body>
<div
class = 'instance'>
bob
</div>
</body>
</html>
2. Display the page in a Firefox browser.
3. Leave the HTML code at "background-size : 2px 16px".
4. Measure the distance between the lines: it is 17px. That is one pixel too much.
5. Change the HTML code to "background-size : 2px 17px".
6. Measure the distance between the lines: it is 18px. That is one pixel too much.
7. Change the HTML code to "background-size : 2px 18px".
8. Measure the distance between the lines: it is 18px. That is correct.
9. Change the HTML code to "background-size : 2px 19px".
10. Measure the distance between the lines: it is 19px. That is correct.
Actual results:
The background-size in the displayed page was one pixel larger than specified for 16 and 17 pixels.
It was the correct size for 18 and 19 pixels.
Expected results:
The displayed page should always use the specified background-size.
Reporter | ||
Comment 1•10 years ago
|
||
Reporter | ||
Updated•10 years ago
|
Attachment #8443056 -
Attachment description: The background image → The background image: "instance_ruled.png"
Updated•10 years ago
|
Component: General → Layout
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•