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

Re: [CSS21] tables, percentages, and border-spacing

From: Gérard Talbot <www-style@gtalbot.org>
Date: Fri, 5 Oct 2012 20:41:17 -0400
Message-ID: <5d8ee198285e8117ece795caa8cb784e.squirrel@ed-sh-cp3.entirelydigital.com>
To: "fantasai" <fantasai.lists@inkedblade.net>
Cc: "Simon Sapin" <simon.sapin@kozea.fr>, "www-style@w3.org" <www-style@w3.org>

Le Ven 5 octobre 2012 20:11, "Gérard Talbot" a écrit :
>
> Le Ven 5 octobre 2012 19:39, "Gérard Talbot" a écrit :
>>
>> Le Ven 5 octobre 2012 10:46, fantasai a écrit :
>>> On 10/05/2012 07:29 AM, Simon Sapin wrote:
>>>> Le 04/10/2012 19:20, fantasai a écrit :
>>>>> So, we don't really define how border-spacing affects the
>>>>> percentage-sized
>>>>> table cells in a fixed-size table. Apparently it's subtracted out of
>>>>> the
>>>>> available space for both width (and height) in FF and Opera, but only
>>>>> for
>>>>> width in WebKit. Don't know about IE.
>>>>>
>>>>> http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cdiv%20style%3D%22border%3A%20solid%20orange%3B%20width%3A%20200px%3B%22%3E%0A%3Ctable%20style%3D%22border%3A%20solid%20blue%3B%20width%3A%20200px%3B%20border-spacing%3A%2033.3px%3B%22%3E%0A%3Ctd%20style%3D%22border%3A%20solid%20navy%3B%20width%3A%2050%25%22%3E%0A%3C%2Ftd%3E%0A%3Ctd%20style%3D%22border%3A%20solid%20fuchsia%3B%22%0A%3C%2Ftable%3E%0A%3C%2Fdiv%3E
>>>>>
>>>>>
>>>>> Probably this should be defined and tested somewhere.:)
>>
>> Fantasai,
>>
>> I am working on a test where 'table-layout: fixed' would be declared.
>>
>>
>> CSS2.1 doesn't
>>>>> define height calculations for cells, but it does define widths.
>>
>> Correct.
>>
>>>>
>>>> Is this for the "Fixed table layout" or the "Automatic table layout"?
>>>>
>>>> The test above uses the latter (initial value of the 'table-layout'
>>>> property)
>>>> which is non-normative in CSS 2.1. Anyone feels like reviving Tables
>>>> level 3? :)
>>>
>>> Interesting question. FF does different things for 'fixed' and 'auto',
>>> though Opera and Chrome seem to do the same thing.
>>
>> Right now, I think Opera 12.02 and Chrome 22.0.1229.79 are incorrectly
>> handling the width of the right-most table cell in your test example. I
>> think Firefox 15.0.1 is handling it correctly.
>>
>> More later when I have a test with more predictable measurements (as a
>> result of the implementation of the algorithm given in 17.5.2.1
>> http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
>> ).
>
>
> First draft of a test highlighting the horizontal formatting differences
> in browsers:
>
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/border-spacing-percentage-cell-001.html
>
> Left navy cell width:
>
> a) 300px wide in Firefox 15.0.1 (I need to double-check this in Firefox 18
> due to the recent fix in bug 248239
> https://bugzilla.mozilla.org/show_bug.cgi?id=248239 )
>
> b) 200px wide in Chrome 22.0.1229.79, in Opera 12.0.2 and in Konqueror
> 4.9.2
>
> c) unknown right now in IE8, IE9 and IE10 but I'll check later
>
> Gérard

Better draft test:

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/border-spacing-percentage-cell-001.html

Width of navy rectangle in that latest draft test:

400px in Firefox 15.0.1 and in Firefox 18

200px in IE8, IE9, IE10, Chrome 22.0.1229.79, Chrome 23.0.1251.2, Opera
12.0.2, Opera 12.5, Safari 6.0 and in Konqueror 4.9.2

Now, it's a matter of reading the spec (17.5.2.1 and 17.6.1) and figure
out who's right and who's wrong.

Gérard

>
>>
>> ------------
>>
>> Although not related but worth mentioning:
>>
>> Chrome has bugs on vertical border-spacing and contiguous
>> table-row-groups:
>>
>> http://test.csswg.org/suites/css2.1/nightly-unstable/html4/separated-border-model-007.htm
>>
>> http://test.csswg.org/suites/css2.1/nightly-unstable/html4/separated-border-model-008.htm
>>
>> http://test.csswg.org/suites/css2.1/nightly-unstable/html4/separated-border-model-009.htm
>>
>> 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
>>
>>
>>
>
>
> --
> 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
>
>
>


-- 
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 Saturday, 6 October 2012 00:41:45 GMT

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