RESOLVED WORKSFORME 20802
Unexplainably narrow table column 
https://bugs.webkit.org/show_bug.cgi?id=20802
Summary Unexplainably narrow table column
Marti
Reported 2008-09-12 11:35:35 PDT
Most Wikipedia diff pages look perfectly fine in WebKit, however this particular one has a very skewed table rendering; the the right column of the diff table is too narrow, so it makes the table too long. Renders fine in Firefox 3.0 and Opera 9.52 Renders badly in Safari 3.1 and Google Chrome build 1798 (version 0.2.149.29)
Attachments
Screenshot of bad rendering (78.02 KB, image/png)
2008-09-12 11:36 PDT, Marti 		no flags
Details
A WebArchive of the page (242.80 KB, application/octet-stream)
2008-09-13 08:15 PDT, Alexey Proskuryakov 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Marti
Comment 1 2008-09-12 11:36:35 PDT
Created attachment 23371 [details] Screenshot of bad rendering
Alexey Proskuryakov
Comment 2 2008-09-13 08:13:59 PDT
Confirmed with r35843.
Alexey Proskuryakov
Comment 3 2008-09-13 08:15:38 PDT
Created attachment 23393 [details] A WebArchive of the page Attaching an archive of the page, in case it changes before anyone gets to reducing it. Note that there is an additional issue at the very top of the page, not present in the original.
Rüdiger Cordes
Comment 4 2008-09-13 10:53:54 PDT
After hours of reducing the code this could be the code to analyze the problem: ######################## <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <base href="http://en.wikipedia.org/w/index.php?title=Memory_management&amp;curid=66924&amp;diff=237971220&amp;oldid=235003731"> <title>Memory management - Wikipedia, the free encyclopedia</title> <style type="text/css"> table.diff { border: none; width: 98%; border-spacing: 4px; table-layout: fixed; } table.diff col.diff-marker { width: 2%; } table.diff col.diff-content { width: 48%; } td.diff-otitle, td.diff-ntitle { text-align: center; } td.diff-marker { text-align: right; } td.diff-context { background: #eee; font-size: smaller; } </style> </head> <body style="word-wrap: break-word;"> <table class="diff"> <col class="diff-marker"> <col class="diff-content"> <col class="diff-marker"> <col class="diff-content"> <tr valign="top"> <td colspan="2" class="diff-otitle">Text Text Text Text Text Text Text Text Text Text Text Text Text Text</td> <td colspan="2" class="diff-ntitle">Text Text Text Text Text Text Text Text Text Text Text Text Text Text</td> </tr> <tr> <td colspan="4" align="center" class="diff-multi">(One intermediate revision not shown.)</td> </tr> </table> </body> </html> ######################## Without table-layout:fixed both columns are wide. Hope this helps, Rüdiger
Alexey Proskuryakov
Comment 5 2011-01-11 20:26:16 PST
This doesn't occur with Safari 5.0.3 on Mac OS X. Tested both attached WebArchive and reduction from comment 4.
Rüdiger Cordes
Comment 6 2011-01-12 00:36:08 PST
It doesnt occur any longer in Safari 4.0.5 (4531.22.7, WebKit 533.19.4) and 4.1.3 (4533.19.4, WebKit 533.19.4) under 10.4.11 either.
Note You need to log in before you can comment on or make changes to this bug.