15462 2012-01-08 21:53:19 +0000 Does auto-height table row height depend on padding+border of cells or just height? 2012-12-04 00:51:05 +0000 1 1 1 Unclassified CSS CSS Level 2 unspecified All Windows 3.1 NEW P2 normal --- 1 antonsforums bert info public-css-bugzilla oldest_to_newest 62398 0 antonsforums 2012-01-08 21:53:19 +0000 Reported by fantasai. 17.5.3 (Table height algorithms) [http://www.w3.org/TR/CSS21/tables.html#height-layout] says: # The height of a 'table-row' element's box is calculated once the user agent # has all the cells in the row available: it is the maximum of the row's # computed 'height', the computed 'height' of each cell in the row, and the # minimum height (MIN) required by the cells. A 'height' value of 'auto' for # a 'table-row' means the row height used for layout is MIN. Is 'height' on the table cell added to its border+padding and then applied as a minimum on the row, or is it directly applied to the row box? Conversation begins: http://lists.w3.org/Archives/Public/www-style/2011Nov/0515.html Bug description: http://lists.w3.org/Archives/Public/www-style/2011Nov/0750.html 62399 1 antonsforums 2012-01-08 21:53:48 +0000 It appears we do not have interop on this. Gérard has written some tests to demonstrate: http://www.gtalbot.org/BrowserBugsSection/css21testsuite/height-cell-bc-collapse.html http://www.gtalbot.org/BrowserBugsSection/css21testsuite/height-cell-bc-separate.html He reports that Firefox 7+, Opera 11.52 and Konqueror 4.7.3 render no green in height-cell-bc-separate (i.e. they apply the 'height' directly to the row box) whereas IE8, IE9, Chrome 15.0.874.121 and Safari 5.1.1 render a green square with thick black borders (i.e. they add the cell's border and padding to the 'height' to arrive at the minimum height it contributes to the row). Source: http://lists.w3.org/Archives/Public/www-style/2011Nov/0750.html 62421 2 info 2012-01-09 17:25:30 +0000 I have a few other tests on all this; at minimum, this test should be added in this bug report. http://www.gtalbot.org/BrowserBugsSection/css21testsuite/height-cell-bc-separate-002.html Firefox 9.0.1, Opera 11.60 and Konqueror 4.7.4 render an 80px tall yellow square which seems to be the result of: 20px (minimum required by content of cell) + 60px (vertical padding specified for cell) ------ 80px Chrome 16.0.912.75 render a 160px tall yellow rectangle which seems to be the result of: 100px (specified height of cell box content) + 60px (vertical padding specified for cell) ------- 160px Both results proceed from totally different logic and implementation. I have not checked yet with IE8, IE9 and Safari 5.1.2 right now. Gérard 62690 3 info 2012-01-13 21:20:16 +0000 Test submitted at CSS2.1 test suite: http://test.csswg.org/suites/css2.1/nightly-unstable/html4/height-table-cell-001.htm Bug report at bugzilla.mozilla.org on this: Bug 295315 - table-cell height calculation uses border-box sizing; should use content-box https://bugzilla.mozilla.org/show_bug.cgi?id=295315 Gérard