Bug 20802 - Unexplainably narrow table column
Summary: Unexplainably narrow table column
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://en.wikipedia.org/w/index.php?t...
Keywords: NeedsReduction
Depends on:
Blocks:
 
Reported: 2008-09-12 11:35 PDT by Marti
Modified: 2011-01-12 00:36 PST (History)
2 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Marti 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)
Comment 1 Marti 2008-09-12 11:36:35 PDT 
Created attachment 23371 [details]
Screenshot of bad rendering
Comment 2 Alexey Proskuryakov 2008-09-13 08:13:59 PDT 
Confirmed with r35843.
Comment 3 Alexey Proskuryakov 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.
Comment 4 Rüdiger Cordes 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
Comment 5 Alexey Proskuryakov 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.
Comment 6 Rüdiger Cordes 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.