New issue
Advanced search Search tips
Starred by 1 user

Issue metadata

Status: IceBox
Owner: ----
Closed: Aug 2012
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug

  • Only users with Commit permission may comment.

Sign in to add a comment

Issue 34329: Wrong table rendering (2 issues)

Reported by, Feb 2 2010

Issue description

Chrome Version       :
URLs (if applicable) :
Other browsers tested:
Safari 4:
  Firefox 3.x: OK
         IE 7: OK
         IE 8: OK

What steps will reproduce the problem?
1. use the following HTML:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="" lang="en-US" xml:lang="en-US">
<title>GUI test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- begin:body -->
<table cellspacing="0" cellpadding="0" width="100%" bgcolor="black">
<td><table cellspacing="0" cellpadding="0" width="100%" height="32"
<td width="32" height="100%" bgcolor="yellow"><img width="32" height="100%"
src="" /></td>
<td width="100%" bgcolor="black"></td>

<td height="100%" bgcolor="red">bbbbb</td>
<td width="32" height="100%" bgcolor="green"><img width="32" height="100%"
src="" /></td>
<td height="100%" bgcolor="blue">ccccc</td>
<tr height="8">
<td width="100%" bgcolor="gray"></td>
<!-- end:body -->


2. Another table issue:


<td bgcolor="lightgrey">AAAAA</td>


<td bgcolor="lightgrey">CC</td>

<td width="100%">

<table width="100%" height="16" cellpadding="0" cellspacing="0">
<td bgcolor="black"></td>
<td bgcolor="red"></td>
<td bgcolor="blue"></td>
<td bgcolor="green"></td>




What is the expected result?
(1) Proper rendering of table and inner tables.
(2) Chrome should be able to simple occupy the screen space reserved to the
above table with a (possibly) 16 px height rectangular box of equally
spaced colors black|red|blue|green .
Both Firefox, IE 6.0/7.0/8.0 (Linux and Windows) 

What happens instead?
(1) The problem relies into the
<td width="100%" bgcolor="black"></td>
All the other browsers will fill with that 100% but keeping all other
elements visible, instead Chrome will make overlap the last TDs. Try to
change 100% to 50% and actually it should start behave correctly, but still
the problem is with 100% value.
100% value means 'fill all available space in that direction' instead
Chrome will fill a bit more.

Then another (smaller) issue, when the height of the image is 100% the
whole table/row is resize to that value (eg 50 pixels if the image is 50
pixels), instead the image height should be 100% of the TD/TR/TABLE it is
contained in (so in this case 32).

(2) The inner table is ignored from being rendered, while it should be

Please provide any additional information below. Attach a screenshot if
Screenshot for issue (2) is attached.
53.4 KB View Download

Comment 1 by, Sep 22 2010

Labels: -Area-Undefined Area-WebKit WebKit-Core

Comment 2 by, Sep 23 2010

Labels: Mstone-X

Comment 3 by, Aug 10 2012

Project Member
Status: IceBox
Closing old bug as obsolete. Please file a new bug (with details) if this problem is still occurring for you.

Comment 4 by, Oct 13 2012

Project Member
Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.

Comment 5 by, Mar 11 2013

Project Member
Labels: -Area-WebKit -WebKit-Core Cr-Content Cr-Content-Core

Comment 6 by, Apr 6 2013

Project Member
Labels: -Cr-Content Cr-Blink

Sign in to add a comment