293339 - Incorrect table column width

Status: VERIFIED INVALID

(Firefox :: General, defect)

Description

[cv2pf6ip50]

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414 Firefox/1.0.3

In the page at http://www.truecrypt.org/documentation.php (and other pages as 
well) the width of table columns is incorrect. On this page this can be 
observed by checking where the text line is wrapped. On this page, IE6 puts a 
line break after the words "binary and source code" but in Firefox the text 
fits entirely (no line break is inserted), because the column is wider than in 
IE.

Reproducible: Always

Steps to Reproduce:
1.Just compare how the page looks in IE6 and how it looks in Firefox
2.
3.

Comment 1

[Grey Hodge (jX)]

Your markup is invalid. You have one table with 100% width inside another
table's cell that is also marked 100%, then AFTER that you have another empty
cell with that one marked as 100%. You can't have two cells in one row both at
100%. Plus, you'd need to put some content in the second cell, even   or
the cell is essentially ignored. I have no idea how IE is parsing one row with a
200% width.

Comment 2

[cv2pf6ip50]

Attachment: Example screenshot

Comment 3

[cv2pf6ip50]

(In reply to comment #1)
> Your markup is invalid. You have one table with 100% width inside another
> table's cell that is also marked 100%, then AFTER that you have another empty
> cell with that one marked as 100%. You can't have two cells in one row both at
> 100%. 

No, it is not caused by this. On the same site there is another page where 
there are no such invalid markup problems (table with 100% width inside another 
table's cell that is also marked 100%, etc.)

Have a look at:
http://www.truecrypt.org/pastversions.php

The area with white background is a separate table in which the middle column 
is diplayed wider in Firefox than it is in IE6 (as reported earlier). I 
attached a comparison screenshot. Again, this table does not have the invalid 
markup (table with 100% width inside another table's cell that is also marked 
100%, etc.).

Comment 4

[Grey Hodge (jX)]

Again you have two cells in one row with width set to 100%.
Example:

<tr bgcolor="#0033CC"> 
  <td width="100%">
    <TABLE WIDTH="100" CELLPADDING="0" CELLSPACING="0" BORDER="0"
BGCOLOR="#0A6CCE" height="18">
      [snip]
    </table>
  </td>

  <td height="18" valign="MIDDLE"  bgcolor="#0033CC" width="100%">
  </td>
</tr>

Now, I cut the contents of the nested table, and fixed the indentation for
clarity, but this is just an example of the code on those pages.

Comment 5

[Thomas K. (:tom)]

Verifying invalid: Two cells at 100% inside a table at 100% is impossible.

<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0" BGCOLOR="#0A6CCE"
height="58">

The table is 100% of the screen, and each cell is 100% of the table.  If they
were each 50% I could understand, because that works, but you can't have 200% of
the screen inside a table that takes up 100%.  This is just really bad markup.

Comment 6

[cv2pf6ip50]

(In reply to comment #5)
> Verifying invalid: Two cells at 100% inside a table at 100% is impossible.

Ok, here is an alternative version of that page without the invalid table. 

http://www.truecrypt.org/pastversions-ex.php

As I already said, I was not referring to the table with blue background at the 
top, but to the table below it (white background). Now the invalid one is 
removed and you can clearly see that, as I said, the original problem is _not_ 
caused by two 100%-sized columns in one table. 

I believe I found the cause:
The table width is greater than the sum of its column widths.

Comment 7

[Grey Hodge (jX)]

Attachment: Page in question with IE and IE DOM Inspector

The red box outlines the table cell in question. Note the whire space to the
right side of the box that IS is not filling.

Comment 8

[Grey Hodge (jX)]

Attachment: Screenshoit of page in question in Firefox's DOM Inspector.

Note the red outline around the table cell in question. Firefox is using the
space provided for text.

Comment 9

[Grey Hodge (jX)]

Attachment: Comparison of the DOM views of the page in IE and Firefox.

This is a comparison of how IE and Firefox render that page. IE is just not
filling the cell. This is a bug in IE, not Firefox.

Comment 10

[Grey Hodge (jX)]

Do not reopen this bug.

Comment 11

[Thomas K. (:tom)]

IE is broken.  It has a broken box model (which I believe has been mentioned
before in this or another bug of yours).  Firefox is working better than IE to
fit text in this table.

Of course, you can shrink the table to the 'real' width IE is giving it, and
then Firefox will show it properly (as will other proper browsers), but IE will
not.  Of course, IE wasn't showing it properly to begin with.

Thenceforth, verifying invalid.