445909 - Quirks mode: Table does not grow to fit align="left" float (it grows for explicit float:left float)

Status: UNCONFIRMED

(Core :: Layout: Tables, defect)

Description

[paul robinson]

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

The link for the omega watch on the far right is unreadable due to multiple links overlapping. I have looked at the same page with internet explorer and it renders correctly.

Reproducible: Always

Steps to Reproduce:
1.go to http://www.watchmaxx.com/omega-view-all.html
2.
3.
Actual Results:  
No special steps required. Just enter http://www.watchmaxx.com/omega-view-all.html in the address bar.

Expected Results:  
Being able to read the links.

Legible rendering.

Comment 1

[paul robinson]

Attachment: Screen snip showing the problem

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase #1

There are a number of problems with that page, I'll try to dissect them
one by one.  This testcase emulates what the page does:
There are a number of <span>s which contains the content for each row
of watches, like so:
  <span><tr><td> 3 tables containing a watch each </td><tr></span>
These <span>s are all visibility:hidden and there's a script that
generates the content to show by getting .innerHTML from these <span>s
and adding to a table.  First problem: the <tr><td> tags are
ignored by the parser so the DOM is actually:
  <span>3 tables containing a watch each</span>
so instead of getting two rows with 3 tables each you get 6 tables.
(this testcase shows the .innerHTML in an alert)

Comment 3

[Mats Palmgren (inactive)]

Attachment: Testcase #2 (Quirks mode, align="left")

This testcase shows the final content.  Note that the 6 tables have
align="left" (making them floats) and that the page is in Quirks mode.
Hmm, do we a quirk for exactly this case?

Comment 4

[Mats Palmgren (inactive)]

Attachment: Testcase #3 (Quirks mode, float:left)

Same thing, but now with float:left instead of align="left".

Comment 5

[Mats Palmgren (inactive)]

Attachment: Testcase #4 (Standards mode, align="left")

Same as #2, but in Standards compliance mode.

Comment 6

[Mats Palmgren (inactive)]

-> Layout:Tables for further triage