RE: [RC3] absolute-non-replaced-height-003 and absolute-non-replaced-max-height-003 : vertical centering

Le Ven 3 décembre 2010 9:58, Arron Eicholz a écrit :
> On Tuesday, November 23, 2010 8:06 PM Gérard Talbot wrote:
>> Le Mar 23 novembre 2010 18:10, "Gérard Talbot" a écrit :
>> > Hello,
>> >
>> > http://test.csswg.org/suites/css2.1/20101027/html4/absolute-non-replac
>> > ed-height-003.htm
>> >
>> > http://test.csswg.org/suites/css2.1/20101027/xhtml1/absolute-non-repla
>> > ced-height-003.xht
>> >
>> > http://test.csswg.org/source/contributors/microsoft/submitted/Chapter_
>> > 10/absolute-non-replaced-height-003.xht
>> >
>> > Those testcases are ok as far as pass/fail conditions and coding are
>> > involved... but not the assert text.
>> >
>> > The title and assert refer to vertical centering.
>> >
>> > 1-
>> > <meta name="assert" content="An element is vertically centered when
>> > both 'margin-top' and 'margin-bottom' have equal values, when 'top',
>> 'bottom'
>> > and 'height' are all are not auto and 'margin-top' and
>> 'margin-bottom'
>> > are both 'auto'.">
>> >
>> > But that is not correct, not true.
>> >
>> > An abs. pos. non-replaced element's padding box (which is the area
>> > painted by background-color of the element) will be vertically
>> > centered within its containing block only if both 'margin-top' and
>> > 'margin-bottom' have equal values and if 'top' and 'bottom' have
>> equal
>> > values.
>>
>> I should have said:
>>
>> [
>> An abs. pos. non-replaced element's border box (which is the area
>> painted
>> by background-color of the element and the borders) will be vertically
>> centered within its containing block only if both 'margin-top' and
>> 'margin-
>> bottom' have equal values and if 'top' and 'bottom' have equal values.
>> ]
>>
>> because the border-top-width and border-bottom-width could be
>> asymetrical.
>
> Fixed, also fixed absolute-non-replaced-max-height-003


Arron,

The assert text I proposed for that particular testcase is correct. But
if you want to be thorough (with a general rule), then it is:

if the sum of top value plus margin-top value is equal to the sum of
bottom value plus margin-bottom value, then the border-box has to be
vertically centered within its containing block.

regards, Gérard
-- 
Contributions to the CSS 2.1 test suite:
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

CSS 2.1 test suite (RC3; October 27th 2010):
http://test.csswg.org/suites/css2.1/20101027/html4/toc.html

CSS 2.1 test suite contributors:
http://test.csswg.org/source/contributors/

Received on Saturday, 4 December 2010 06:50:47 UTC