- From: Boris Zbarsky <bzbarsky@mit.edu>
- Date: Sun, 08 Mar 2015 00:40:16 -0500
- To: www-style@w3.org
On 3/8/15 12:19 AM, Greg Whitworth wrote: > Personally, I think that any time you use CSS tables it should have the same end result as using actual tables Yes, but in this case the CSS tables and actual tables have different styling, no? In particular, at http://jsbin.com/yutipulode/1/edit?html,css,output just comparing the first and third testcases: 1) The first testcase has a table cell with height set to 202px containing a block with height: 100% and a 1px border which has overflow-y: scroll, which itself contains two blocks whose heights sum to 2200px. What I see in Firefox is that the block's height ends up somewhere around 200px (I haven't checked what it is to the pixel) and it gets a scrollbar. 2) The third testcase has a table cell with a height set to 100% and overflow-y: scroll set on it directly (plus a border). This table cell directly contains two blocks whose heights sum to 2200px. Note that this table is auto height, so the 100% is totally meaningless. Given that the height is not constrained at all, why exactly would it not end up being tall enough to fit both blocks? If I modify the third case to have the block-with-non-visible-overflo-inside-cell setup from case 1, they render identically in Firefox. See http://jsbin.com/vaxovufoxi/1/edit?html,css,output -Boris
Received on Sunday, 8 March 2015 05:41:00 UTC