Table rendering issue with border-collapse




6 years ago
5 years ago


(Reporter: rfvz, Unassigned)


21 Branch
Windows 7

Firefox Tracking Flags

(Not tracked)




(3 attachments)



6 years ago
Created attachment 763263 [details]
Rendered example

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0 (Beta/Release)
Build ID: 20130511120803

Steps to reproduce:

1. A table must have collapsed borders and zero padding. 
2. Table and cell borders must be visible
3. One cell of the table must contain fixed size div with visible background.
4. One pixel vertical line would appear once page is rendered with 100% zoom level. The issue seems to be linked to other elements present on the page. I was unable to replicate it with only div and a table. However same code placed into jsfiddle reproduces the error.


More details:

Actual results:

White vertical line is rendered between cell border and div.

Expected results:

Contents of the table cell should be rendered touching the cell border (with no padding).

Comment 1

6 years ago
Positions of JSfiddle panes does matter. If example above is not reproducing the bug for you, please try resetting jsfiddle to default settings (clearing local site data).

Comment 2

6 years ago
Size of FF window also does matter, sometimes horizontal line also appear between cell border and the div. If you resize window horizontally very slowly the vertical line will appear and disappear constantly.


6 years ago
Component: General → Layout: Tables

Comment 3

6 years ago
Created attachment 763536 [details]
Reporter's testcase

Comment 4

6 years ago
With FF21 and default zoom, I don't repro the issue.
With FF24 and default zoom (and HiDPI awareness), I repro the issue.

In FF24 changing the zoom level makes the white line appear vertically or hozizontally.

Comment 5

5 years ago
I can confirm this bug exists on FF 24.0.

Comment 6

5 years ago
Created attachment 8345076 [details]

Here is another example of this same bug.

Comment 7

5 years ago
Here is CSS in which I ran into bug. Only html in table was border="0" in table tags.

.rowClass td {
	padding: 10px;
	border: 2px solid #444444;

#tableID {
	width: 600px;
	border: 3px solid #444444;
	border-collapse: collapse;
You need to log in before you can comment on or make changes to this bug.