409952 - vertical-align behaves differently in FF 2 and 3

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[Michael Arnold]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.1.11) Gecko/20071204 Ubuntu/7.10 (gutsy) Firefox/2.0.0.11
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9b2) Gecko/2007121016 Firefox/3.0b2

I don't know if this is a rendering-bug in FF 2 or 3 or just a step forwards to improve the standard compliance.



Reproducible: Always

Steps to Reproduce:
Please look at the testcase to see the different behaviour.
Actual Results:  
FF 2 and 3 render differently.

Expected Results:  
FF 2 and 3 render the same way.

Comment 1

[Michael Arnold]

Attachment: Testcase

Comment 2

[Michael Arnold]

Attachment: rendering in FF 2

Comment 3

[Michael Arnold]

Attachment: rendering in FF 3 Beta 2

Comment 4

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

For a start, all values other than top, middle, and bottom are treated like baseline, per http://www.w3.org/TR/CSS21/tables.html#height-layout .  That section also defines what the baseline of a cell is.  I think neither is right, although Fx3b2 is closer, since the baselines should actually be aligned.

Comment 5

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Actually, what I missed was that the inner table's cell doesn't have any vertical-alignment, and therefore the cell has vertical-align: middle (from the default style sheet for HTML).

This means that the following clause applies:
# If a row has no cell box aligned to its baseline, the baseline of that row
# is the bottom content edge of the lowest cell in the row. 
which means that our behavior on the testcase is correct, since we're aligning the baseline of the text in the left cell to the 

Comment 6

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

...to the baseline of the row as defined above.