W3C home > Mailing lists > Public > www-style@w3.org > October 2014

Re: [css-tables] default box-sizing for tables

From: Gérard Talbot <www-style@gtalbot.org>
Date: Wed, 08 Oct 2014 16:53:54 -0400
To: Bogdan Brinza <bbrinza@microsoft.com>
Cc: www-style@w3.org
Message-ID: <9cc9c886567420ed0e789a6c1809b1a7@gtalbot.org>
Le 2014-09-26 12:15, Bogdan Brinza a écrit :
> Hi,
> 
> Another CSS Interoperability issue we've uncovered during Internet
> Explorer development. We've brought to the group attention several
> issues already and I think it's worth mentioning that for every such
> issue we fix dozens of interoperability issues we find in IE
> internally and based on external feedback.
> 
> Now to the subject. While investigating one bug (see reduced snippet -
> [1] below) we've found that IE and Firefox add "box-sizing:
> border-box" in UA style sheet.

That's because of a particular statement in CSS 2.1, :
"
in HTML and XHTML1, the width of the <table> element is the distance 
from the left border edge to the right border edge.
"
§17.6.1 The separated borders model
http://www.w3.org/TR/CSS21/tables.html#separated-borders

> Chrome doesn't and we see some
> interesting behavior where Chrome does some magic to achieve this
> behavior somehow with inconsistent results.
> 
> CSS 2.1 touches on this here:
> http://www.w3.org/TR/CSS21/tables.html#separated-borders

Please note that there is a small mistake IMO in the diagram of section 
17.6.1:

More info:

http://lists.w3.org/Archives/Public/www-style/2011Feb/0652.html

> 
>> However, in HTML and XHTML1, the width of the <table> element is the 
>> distance from the left border edge to the right border edge.

Once the table element has its default 'display' property reset to 
'block', then it should behave just like a generic block element. So

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/display-block-00x.html

IE11, Firefox 32.0.3 and Opera 12.16 fail display-block-00x.html test 
while Chrome 38.0.2125.101 passes it.

>> Note: In CSS3 this peculiar requirement will be defined in terms of UA 
>> style sheet rules and the 'box-sizing' property.
> 
> It would be valuable to get WG's clarification on the expectations
> here, so that we can act accordingly to improve interoperability.
> 
> [1] http://jsfiddle.net/q8fwfmpL/


http://www.gtalbot.org/BrowserBugsSection/CSS3UI/box-sizing-xxx.html

If this box-sizing-xxx.html test is correct, then Chrome 38.0.2125.101 
and Opera 12.16 fail box-sizing-xxx test while IE11 and Firefox 32.0.3 
pass it.

Please note that these tests' filenames are temporary and not 
definitive; they will be eventually renamed when submitted in their 
respective test suites.

Gérard
Received on Wednesday, 8 October 2014 20:54:31 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:25 UTC