804227 - "vertical-align: text-top" middle-aligns if table row has empty td (bug rendering table cell contents)

Status: RESOLVED DUPLICATE of bug 569645

(Core :: Layout: Tables, defect)

Description

[rokeefe1]

Attachment: FF Table Bug

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121010144125

Steps to reproduce:

I created a table, populated it with data, and styled it to display the text at the top of the cell.


Actual results:

The text is being middle aligned in the cells unless all of the tds have some content.  If a row has a td tag like <td></td> the row will display middle aligned.  However, if you change the td tag to <td>&nbsp;</td> then the row will display properly (vertically aligned to the top).


Expected results:

The text should display vertically aligned in the row as specified by the css settings.  The this example renders properly in the latest version of Chrome and in IE7.

Comment 1

[[:Aleksej]]

Confirmed with:
Beta 16.0b6 20121002073616 Mozilla/5.0 (X11; Linux x86_64; rv:16.0) Gecko/20100101 Firefox/16.0
Beta 17.0b1 20121010150351 Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/17.0 Firefox/17.0
Nightly 20121022030551 Mozilla/5.0 (X11; Linux x86_64; rv:19.0) Gecko/19.0 Firefox/19.0

(haven’t looked at the code)

Comment 2

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

http://www.w3.org/TR/CSS21/tables.html#height-layout says, when describing how 'vertical-align' works on table cells:

  sub, super, text-top, text-bottom, <length>, <percentage>
    These values do not apply to cells; the cell is aligned at the baseline instead. 

So you're really talking about baseline alignment.