W3C home > Mailing lists > Public > www-style@w3.org > September 2012

Re: [CSS21] baseline of an inline-table question

From: Gérard Talbot <www-style@gtalbot.org>
Date: Thu, 13 Sep 2012 18:11:28 -0400
Message-ID: <27e837de21a4c1ed90325e0f2da24021.squirrel@ed-sh-cp3.entirelydigital.com>
To: "Anton Prowse" <prowse@moonhenge.net>
Cc: "Public W3C www-style mailing list" <www-style@w3.org>

Le Jeu 13 septembre 2012 4:34, Anton Prowse a écrit :
> On 13/09/2012 09:41, Anton Prowse wrote:
>> On 13/09/2012 05:37, "Gérard Talbot" wrote:
>>> "
>>> The baseline of an 'inline-table' is the baseline of the first row of
>>> the
>>> table.
>>> "
>>> CSS 2.1, section 10.8.1 Leading and half-leading
>>> http://www.w3.org/TR/CSS21/visudet.html#leading
>>>
>>> but what happens if the inline-table is empty, if the first row only
>>> has
>>> empty cell(s)? This question is important because a lot of CSS 2.1 test
>>> suite tests on inline-table have 1 row and 1 empty cell.
>
>>
>> This is a known issue:
>> https://www.w3.org/Bugs/Public/show_bug.cgi?id=15892
>
> To clarify, the *first* question (empty inline-table) is a known issue.
>


Thanks Anton. I have +CC-ed myself to that bug 15892. Interestingly, the
latest stable release of Firefox (15.0.1), Chrome (21.0.1180.89) and Opera
(12.02) each render differently your test in/at
https://www.w3.org/Bugs/Public/show_bug.cgi?id=15892#c5

and my

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/vertical-align-inline-table-issue.html


> The second question has a well-defined answer: if an inline-table
> consists of a single row which consists of a single empty cell, then the
> baseline of the inline-table coincides with the baseline of the row
> which coincides with the bottom content edge of the cell.

Then there is a predicted and predictable rendering to my test. Only
Firefox 15.0.1 has the correct rendered layout in

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/vertical-align-inline-table-issue.html

Chrome 21.0.1180.89 aligns the border-bottom of the inline-table with the
dominant baseline: the bottom of the orange rectangle is flush with the
bottom of the 2 pairs of "L" glyphs.

Firefox 15.0.1 aligns the bottom of the content of the cell (which is the
top of the orange rectangle) with the bottom of the 2 pairs of "L" glyphs.

Opera 12.02 aligns the border-top of the inline-table with the the bottom
of the 2 pairs of "L" glyphs.

Gérard
-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
Received on Thursday, 13 September 2012 22:11:55 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:00 GMT