264501 - <br> in tables or blocks with display:table is calculated as 1px in the container width

Status: RESOLVED FIXED

(Core :: Layout: Block and Inline, defect)

Description

[Pascal Chevrel:pascalc (PTO until April 26)]

Mozilla 1.8a4 windows XP

1 put an image and a <br> in a table cell or a div with display:table
2 put a redbackground color on the container

expected result : total width is the width of the image
actual result : total width is the image width + 1px, you see the red background
color on the right side

This is very annoying on all the sites using tables for layout of their images

testcase coming

Comment 1

[Pascal Chevrel:pascalc (PTO until April 26)]

Attachment: testcase showsing the width bug

This testcase shows how width is miscalculated. The Image is 80px wide and the
container should therefore be 80px wide as well.

Dom inspector shows that it is in fact 81px wide

Note that Dom Inspector also shows that the br element is 0.06667px wide, I
don't know why <br> should have a width, perhaps because it is required by the
engine to be able to parse it, but 80+0.06 should not be rounded to 81 :)

Comment 2

[Bernd]

http://lxr.mozilla.org/seamonkey/source/layout/html/base/src/nsBRFrame.cpp#189
makes the BR 1 twips wide

Comment 3

[Boris Zbarsky [:bzbarsky]]

Not a tables bug.  Over to inline layout, but I was sure we had a bug on this
already....

Comment 4

[Timothy Lee]

Attachment: 1px bug caused by 'select' tag

This is another testcase which shows the 1px width bug.  The use of a <select>
tag causes all subsequent paragraphs to be missing from the <div>.

Comment 5

[Pascal Chevrel:pascalc (PTO until April 26)]

The bug is gone, the div in the testcase now has a 80.017px width that is 80px for the div + 0.017px for the <br> tag, no more rounding up.