[css-tables] default box-sizing for tables

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. 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

> However, in HTML and XHTML1, the width of the <table> element is the distance from the left border edge to the right border edge.
> 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/ 

Received on Friday, 26 September 2014 16:16:39 UTC