337624 - improper margin with display: table-cell and nested table

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Will Holcomb]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

When using display: table-cell, elements not containing tables are rendered with a top margin the height of the largest table at the top.

Reproducible: Always

Steps to Reproduce:
1. See test case



Expected Results:  
The elements with display: table-cell should render as though they are table cells. In Safari 2.0.3, all the examples as expected (i.e. identically) (save the one with the margin-top: -100%).

Comment 1

[Will Holcomb]

Attachment: Testcase with various table-cell divs referenced in the bug report

Comment 2

[philippe (part-time)]

fwiw, Opera 9 beta does exacly the same as Gecko here.
The question in your test case is: what is the baseline for the various objects within the  elements with display:table-cell ?

set .cell {vertical-align:top} and watch.

I would argue that Safari is handling this wrongly.

Comment 3

[Will Holcomb]

Attachment: Updated test case with info on the invalidation of the bug

Comment 4

[Will Holcomb]

Looking at the specs, you're right. I forgot about how baselines are computed for table cells. The table is not a line box, so it pushes the baseline down. Thanks.