307720 - TD with nonzero width gets zero width due to 100% width cell in row

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[Jonathan]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4

In the page at http://www.gracecfc.com, the bridge (consists of three background
images) is not properly displayed.  It works in Firefox 1.0+ and IE.

The code is:

<td align="right" valign="top" width="251" style="background:
url(http://www.gracecfc.com/templates/jkmi_gracecfc/images/Bridge3l.gif)" nowrap>
      </td>    
      <td width="100%" align="center" valign="top" style="background:
url(http://www.gracecfc.com/templates/jkmi_gracecfc/images/Bridge3m.gif)" nowrap>
      </td>    
      <td align="left" valign="top" width="214" style="background:
url(http://www.gracecfc.com/templates/jkmi_gracecfc/images/Bridge3r.gif)" nowrap>
      </td>    

Reproducible: Always

Steps to Reproduce:
1) specify a <td> with a specific width
2) add a background using the style tag
3) leave the <td> empty
4) See details above
Actual Results:  
the background images do not appear

Expected Results:  
the background images should be displayed

Comment 1

[Peter van der Woude [:Peter6]]

http://validator.w3.org/check?uri=http%3A//www.gracecfc.com/

70 errors

displays as desired in Opera 8

It looks like the <td width="100%" covers both the left and right td's 

CC Martijn

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 3

[Gérard Talbot]

Attachment: Another reduced testcase

Same testcase as the previous one except there is no
<td width="100%" ...>
in it. Also this testcase markup code is entirely valid.

Comment 4

[Gérard Talbot]

Attachment 195489 [details] WORKSFORME with Seamonkey 1.1a rv: 1.9a1 build 2005090806 and
with Firefox 1.4 rv: 1.8b4 build 20050906.

I think the problem with the previous testcase is that the table is overconstrained.
<table width="100%" ...> should hold a cell with text + 251px cell + 100% +
214px cell table row which is obviously impossible. The browser therefore makes
adjustment.

Comment 5

[Jonathan]

This problem still exists in Firefox 1.5 Beta 2

Comment 6

[Boris Zbarsky [:bzbarsky]]

We render the "Testcase" just like IE/Win 6.0 does.  So what's the bug, exactly?  Or is the testcase not a correct reduction of the original page?

Comment 7

[Gérard Talbot]

Based on several comments in this bugfile, based on the fact that other browsers (MSIE 6, MSIE 7 beta 2, Opera 9 beta 2) and based on the mis-use of <td width="100%"> creating an overconstrained table, I am

Resolving as INVALID