Bug 17808 – <table width="0"> and table-layout:fixed causing misalignment of text

• Component: Tables
• Status: RESOLVED CONFIGURATION CHANGED

[jasneet]

I Steps:
http://celebs.walla.co.il/?w=/3603/1204141

II Issue:
Notice the alignment of headings of the column (where smaller images are placed in left column and text in right column). It is partially seen.

III Conclusion:
there are 2 issues: 
1. The headings are partially seen because of <table width="0">;  removing this property aligns the heading similar to FF. 
Issue: http://bugs.webkit.org/show_bug.cgi?id=17801

2. Only IE can render the headings of column correctly as IE recognizes {table-layout:fixed;} 
on removing {table-layout:fixed;} IE behaves same as FF/Safari
Therefore {table-layout:fixed;} is not recognized by FF/Safari

IV Other browsers:
IE7: ok
FF2: partially ok
Opera: partially ok

V Nightly tested: 30236

[jasneet]

Created attachment 19712 [details]
screenshot

[jasneet]

Created attachment 19713 [details]
reduction

[Eric Seidel (no email)]

This seems to be some sort of quirk with IE ignoring width=0.  WebKit seems to treat width=0 literally.

Definitely we behave differently from FF and IE, I'm not sure who's behavior is correct however.

[Ahmad Saleem]

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

I am able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached reduction and text looks mangled / mess (it is WOW bug IMO). Please see attached screenshot for reference. Thanks!

[Ahmad Saleem]

Unable to reproduce this in Safari 16, STP 155, Chrome Canary 108 and Firefox Nightly 107.

Safari 16 now matches other browsers from my last reference screenshot.

Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks!