Multiple baseline question

Hello www-style gurus,

I have a question about the attached test-case. This is question
related to a recent change in WebKit where we aligned our table
baseline computation with CSS 2.1 but changed the output of the test.
Longer context can be found here:

Browsers don't agree on the exact behavior in this case:
* WebKit (after the change) / Opera don't horizontally align the 2 rectangles.
* WebKit (before the change) / FF and IE align them.

The current line of thoughts is that the 2 inline-blocks shouldn't be
vertically aligned:
* We align the 2 inline-blocks along their baseline as vertical-align
defaults to 'baseline'.
* "The baseline of an 'inline-block' is the baseline of its last line
box in the normal flow", which means that the inline-block baseline is
the anonymous inline-table's.
* "The baseline of an 'inline-table' is the baseline of the first row
of the table."
* "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.",
the only table cell's has vertical-align: middle so the baseline of
the row is the bottom of the content edge.

Let me know if our interpretation is right or if we missed something.


PS: I could clean up the test case to have it integrated into the CSS
2.1 test suite to ensure that we converge on a behavior if people
consider that it would be a good addition.

Received on Monday, 23 July 2012 23:33:19 UTC