W3C home > Mailing lists > Public > www-style@w3.org > February 2011

[CSS21] 'display: table-cell' width, border-collapse and fixed table-layout algorithm issues, questions

From: Gérard Talbot <www-style@gtalbot.org>
Date: Thu, 24 Feb 2011 11:52:41 -0800
Message-ID: <3fb88484b0c9dc2a519a1c9c8a5bc9d8.squirrel@cp3.shieldhost.com>
To: "W3C style mailing list" <www-style@w3.org>
Cc: "Arron Eicholz" <Arron.Eicholz@microsoft.com>
Hello,


http://test.csswg.org/suites/css2.1/20110111/html4/margin-right-applies-to-001.htm
(RC5)


http://test.csswg.org/suites/css2.1/nightly-unstable/html4/margin-right-applies-to-001.htm


http://test.csswg.org/source/contributors/microsoft/submitted/Chapter_8/margin-right-applies-to-001.xht


This testcase may have inadvertently stumbled on border-collapse, fixed
table layout and rendering width issues.

-------------

Firefox 3.6.13 and Chrome 9.0.597.98 will report

div#wrapper's computed width of 200px

div#table's computed width of 195px
(half of the orange 10px border will count in the width of the
border-collapsed table [1])

div#cell's computed width of 190px

-------------

Opera 11.01 (build 1190) will report

div#wrapper's computed width of 200px

div#table's computed width of 200px

div#cell's computed width of 185px

-------------

Konqueror 4.6 will report

div#wrapper's computed width of 200px

div#table's computed width of 200px

div#cell's computed width of 190px

-------------

Why div#cell does not occupy 200px to begin with? I really do not get this.

The steps to apply for an 'width: auto' table in the fixed table layout do
not seem to apply here:

"a cell in the first row with a value other than 'auto' for the 'width'
property determines the width for that column"
http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout


If div#cell should occupy 200px, then the table computed width should be
205px and, then, therefore at least half of the orange border should
overlap half of the blue border (since #table has overflow: visible by
default).

I think browsers should not even show a blue border in that testcase; the
blue border should be overlapped by the orange border.

What am I missing here? Thank you for your assistance.

[1]:
"Note that in this model, the width of the table includes half the table
border."
http://www.w3.org/TR/CSS21/tables.html#collapsing-borders

regards, Gérard
+CC: Arron Eicholz
-- 
CSS 2.1 Test suite RC5 (January 11th 2011)
http://test.csswg.org/suites/css2.1/20110111/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, 24 February 2011 19:53:18 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:37 GMT