I Steps: Go to http://id5.cn/newssystem/newscontent.jsp?newstype=3&newscode=4164 Scroll to the end of the page. II Issue: The border line which divides center column content and footer is not seen. III Conclusion: Webkit doesn't set BGCOLOR for an empty cell <td>. On adding some text in the empty <td> cell, bgcolor shows up. Could be related to the 'empty-cells' CSS property, which controls whether empty cells will display their background (and borders) or not. IV Other browsers: IE7: ok FF3: ok Opera9.24: ok V Nightly tested: 31315
Created attachment 20111 [details] screenshot
Created attachment 20112 [details] reduction
Confirmed.
*** Bug 22336 has been marked as a duplicate of this bug. ***
See Chromium bug http://code.google.com/p/chromium/issues/detail?id=1283 where this issue is messing up the graphs in Google Trends.
(In reply to comment #5) This issue has been worked-around in google trends. Here is an html snippet reproducing the bug: <html> <style> table.bar td { border-bottom: none; padding:0; } table.bar { padding:0; border-top: 1px solid #E8EEF7; } </style> <h1> doesn't render bgcolor (defined for empty td)</h1> <table cellspacing="0" width="60" height="4" class="bar"><tbody><tr><td bgcolor="#4684ee"/></tr></tbody></table> <table cellspacing="0" width="62" height="4" class="bar"><tbody><tr><td bgcolor="#dc3912"/></tr></tbody></table> <table cellspacing="0" width="61" height="4" class="bar"><tbody><tr><td bgcolor="#ff9900"/></tr></tbody></table> <h1> doesn't render bgcolor (defined for tr tag)</h1> <table cellspacing="0" width="60" height="4" class="bar"><tbody><tr bgcolor="#4684ee"><td/></tr></tbody></table> <table cellspacing="0" width="62" height="4" class="bar"><tbody><tr bgcolor="#dc3912"><td/></tr></tbody></table> <table cellspacing="0" width="61" height="4" class="bar"><tbody><tr bgcolor="#ff9900"><td/></tr></tbody></table> <h1> renders bgcolor (defined for table tag)</h1> <table cellspacing="0" width="60" height="4" class="bar" bgcolor="#4684ee"><tbody><tr><td/></tr></tbody></table> <table cellspacing="0" width="62" height="4" class="bar" bgcolor="#dc3912"><tbody><tr><td/></tr></tbody></table> <table cellspacing="0" width="61" height="4" class="bar" bgcolor="#ff9900"><tbody><tr><td/></tr></tbody></table> </html>
Created attachment 461644 [details] Safari 15.6 differs from other browsers I was not able to reproducing using the attached test case but I took the test case from Comment 06 and was able to reproduce the bug in <tr> case rather than <td> in Safari 15.6 on macOS 12.5 [Also reproducible in Safari TP 151] as can be seen from attached screenshot. All other browsers (Chrome Canary 106 and Firefox Nightly 105) render the border color perfectly fine. Thanks! Link (Comment 06 - Test Case) - https://jsfiddle.net/q19bvzuo/show