430225 - Tables render incorrectly on this page

Status: RESOLVED INCOMPLETE

(Core :: Layout: Tables, defect)

Description

[Michael Freeman]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5) Gecko/2008032620 Firefox/3.0b5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5) Gecko/2008032620 Firefox/3.0b5

Firefox 3 B5 introduced a broken table.  The cells are not lining up together in the same rows.  The table renders correctly in ff 2.x, IE 6, IE7.

Other Comments:
If Javascript turned off, table renders correctly.
If you enter page via firebug and change border attribute table or display property, the table redraws itself correctly even if you undo the change to the attribute or property.  For example, change border from "0" to "1" and then back to "0" and table renders correctly.

Reproducible: Always

Steps to Reproduce:
1.open page in firefox 3 b5



Expected Results:  
Table renders correctly with TD stacked next to each other in same row

If Javascript turned off, table renders correctly.
If you enter page via firebug and change border attribute table or display property, the table redraws itself correctly even if you undo the change to the attribute or property.  For example, change border from "0" to "1" and then back to "0" and table renders correctly.

Comment 1

[Michael Freeman]

This site and page uses jQuery for many features.  If I move the script tag with src= jquery.js file to the bottom of the page, the table renders correctly.

Comment 2

[Michael Freeman]

This is purely related to jquery after looking at it further.  I have tried both jquery 1.2.2 and 1.2.3 as well as all versions (min, packed, uncompressed).  There seems to be a problem happening when jquery cycles through the DOM before the table has been rendered.

Comment 3

[Michael Freeman]

(In reply to comment #2)
> This is purely related to jquery after looking at it further.  I have tried
> both jquery 1.2.2 and 1.2.3 as well as all versions (min, packed,
> uncompressed).  There seems to be a problem happening when jquery cycles
> through the DOM before the table has been rendered.
> 

Correct that last comment.  This is not jQuery related.  I pulled all of the jQuery out of the page and found that only having 1 simple SCRIPT tag caused the tables to break.  There seems to be a problem with the interaction of the CSS layout properties for tables and using JavaScript (although the JavaScript does not touch the table at all).  The only workaround I found is using display:table to the table and removing all display properties for TR and TD, but if you use any other display properties it does not render properly.

Comment 4

[Ryan A. C.]

The URL provided in this bug report appears to be invalid, if possible please create a minimal testcase and attach it to the bug report.
-> core > Layout: Tables

Comment 5

[Robin Powell]

As a a general user (not programmer) table display and print on such as http://www.sussexba.co.uk/Selection/mc1.htm is frustrating. I suspect this is same problem as bug reported here

Robin Powell

Comment 6

[Bernd]

the url is 404, can you attach a testcase to this bug

Comment 7

[Bernd]

no response