Bug 17720 – unspecified width of column causes misalignment in table

• Status: RESOLVED
• Resolution: WONTFIX
• Component: Tables

[jasneet]

I Steps:
Go to
http://board.gladiatus.de/team.php

II Issue:
Notice the misalignment of email button all through the page.

III Conclusion: In the reduced test case: There are 3 tables.  The outermost table contains 2 tables- one with yellow background and one with blue background. The 2nd row for each table contains 3 columns.

It looks like Safari and FF have a different way of distributing the width for each column if one of the columns do not have a width specified. On the 2nd row, 1st column of each table, the width of the <td> are not specified, the width is determined by the image in the <td> (which I have replaced with a <div>). Then you will observe that the 1st row, 2nd column and 3rd column of each table are not the same in FF and Safari. Same goes for the 2nd row of each table, 1st, 2nd and 3rd columns have different widths.

IV Other browsers:
IE7: ok
FF: ok
Opera: not ok

V Nightly tested: 30628

[jasneet]

Created attachment 19604 [details]
screenshot

[jasneet]

Created attachment 19605 [details]
reduction

Behaviour on safari, chrome, firefox, IE8 is same. So doesnot seem to be an issue.

[Ahmad Saleem]

Created attachment 461615 [details]
Safari 15.6 matches with other browsers

I am not able to reproduce this bug in Safari 15.6 and as can be seen from attached all browsers match with each other. I am going to mark this as "RESOLVED WONTFIX".

Please reopen, if you think the bug still exist and share updated test case. Thanks!