Overlapping of div and table when table width is defined

• Component: Tables
• Status: RESOLVED CONFIGURATION CHANGED

[jasneet]

I Steps:
Go to
the attached reduced test case

II Issue:
The table with list A,B,C and div (with column 1 and column 2) are overlapping.

III Conclusion: It seems that the width property defined in <table width="98%" cellspacing="1" cellpadding="4" border="0"> is causing the overlapping of div and table.This issue gets resolved in Safari when width property of table is left undefined.


IV Other browsers: 
FF2: ok
Opera: not ok
IE 7: not ok

V Nightly tested: 30236

[jasneet]

Created attachment 19510 [details]
reduction

I don't see that the width of any of the tables in the reduction is specified.

[jasneet]

(In reply to comment #0)
> I Steps:
> Go to
> the attached reduced test case
> 
> II Issue:
> The table with list A,B,C and div (with column 1 and column 2) are overlapping.
> 
> III Conclusion: It seems that the width property defined in <table width="98%"
> cellspacing="1" cellpadding="4" border="0"> is causing the overlapping of div
> and table.This issue gets resolved in Safari when width property of table is
> left undefined.
> 
> 
> IV Other browsers: 
> FF2: ok
> Opera: not ok
> IE 7: not ok
> 
> V Nightly tested: 30236
> 

(In reply to comment #2)
> I don't see that the width of any of the tables in the reduction is specified.
> 

Revising the Conclusion: when width: 250px is removed for the table(width is left undefined); no overlapping is seen. Safari/FF/IE/Opera behave the same way.

[Ahmad Saleem]

Created attachment 461587 [details]
Safari 15.5 matches other browsers

I am not able to reproduce this bug in Safari 15.6 using attached reduction and as can be seen from attached screenshot, all browsers match with each other. I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Please reopen, if you think it is reproducible. Thanks!