338551 - Different rendering of html and css tables with collapsing borders

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[Vitaly Harisov]

Gecko renders html and css tables with collapsed borders differently. See test-case. Rendering must be equal in both cases.

Was tested on:

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.3) Gecko/20060505 Firefox/1.5.0.3

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Comment 1

[Wladimir Palant]

TD tag has padding 1px by default, adding this rule to the testcase makes cell sizes equal:

td, .td1, .td2
{
  padding: 0px;
}

Also, the sizing model for a TABLE tag is border-box - that's why the width of the two tables differs. You can set -moz-box-sizing to border-box or content-box for both, this will fix it.

I think this should be resolved INVALID.

Comment 2

[Vitaly Harisov]

(In reply to comment #1)
> TD tag has padding 1px by default, adding this rule to the testcase makes cell
> sizes equal:
> 
> td, .td1, .td2
> {
>   padding: 0px;
> }

Exactly!

> Also, the sizing model for a TABLE tag is border-box - that's why the width of
> the two tables differs. You can set -moz-box-sizing to border-box or
> content-box for both, this will fix it.

No, its not work. See bug 338554.

Comment 3

[Wladimir Palant]

You have to apply it to the TABLE tag, not to the cells...

Comment 4

[Vitaly Harisov]

(In reply to comment #3)
> You have to apply it to the TABLE tag, not to the cells...

Do you test this? In which version it works?