250051 - 1 pixel rounding error with percent line-heights

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Dennis Kehrig]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040626 Firefox/0.9.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040626 Firefox/0.9.1

As the testcase shows, there are two div elements repeated several times. The
first one has a CSS line-height attribute of 140%, the second div has the
default line-height value. The colors differ so that you can distinguish the div
elements.
Depending on the current font size (change with Ctrl + and Ctrl -), a 1px white
line appears between the first and the second div somewhere on the screen.

Reproducible: Always
Steps to Reproduce:
1. load the test case
2. play with the font size
3. watch out for a thin white line between the boxes
Actual Results:  
See Details

Expected Results:  
Display the div elements close to each other, without a 1px gap

Verified with Firefox 0.9.1, Firefox 2004070608 and Mozilla 1.7, all on Windows XP.

Bug seems similar to #224753, I hope this is no dup.

Comment 1

[Dennis Kehrig]

Attachment: Testcase according to bug description

Comment 2

[Felix Miata]

Also happens with line-height 1.4 rather than 140%.

Comment 3

[Grey Nicholson (they/them)]

dupe of bug 125560?

Comment 4

[Jesiah S]

I see this also on LInux 2004091107
I think this is more like bug 175746 textcase 1.

Comment 5

[Mario Mueller]

I have a similar problem with definition lists. If I set a line-height, some DDs
have a 1 pixel gap or lie 1 pixel over the next DD. Without any line-height
there is a zero space between the DDs.

Comment 6

[Rowan Lewis]

This bug still isn't fixed?

Comment 7

[Xanthor Sccas]

I can't reproduce the bug with Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8b2)
Gecko/20050405

But it was still visible with Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8b)
Gecko/20050217

Same thing with bug 175746 and bug 224753

Comment 8

[smolens]

Attachment: testcase with opacity: 0.5

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4

I don't see the problem with the original testcase, but it still occurs when I
add an opacity != 1.0 to the style.

Comment 9

[Ioana (away)]

WFM on Mozilla/5.0 (X11; Linux i686; rv:29.0) Gecko/20100101 Firefox/29.0 20140112030204 (both testcases).