- From: Saloni Mira Rai <salonir@microsoft.com>
- Date: Thu, 20 Mar 2008 17:20:49 -0700
- To: "www-style@w3c.org" <www-style@w3c.org>
- Message-ID: <E8245DDD23CF8443A20CDFABD553C2FD2B0C1AEDA5@NA-EXMSG-C112.redmond.corp.microsoft>
Hello, I have a question about expected behavior for table height distribution. The CSS 2.1 spec Section 17.5.3 says "CSS 2.1 does not define how extra space is distributed when the 'height' property causes the table to be taller than it otherwise would be". Also, in the next paragraph, it says " Percentage heights on table cells, table rows, and table row groups compute to 'auto'." However, none of the browsers use 'auto' on rows with % height. The attached file shows how each browser behaves differently across various cases. CASE 1 - Table height is specified and larger than the sum of the MAX(specified row height, min cell height). The height of the row content can be greater or smaller than the specified row height and it makes no difference to the outcome. IE7, FF2, Opera, Safari - Distribute extra space proportionally to all rows FF3 - Distribute extra space evenly to all rows CASE 2 - Table height is specified and larger than the sum of the MAX(specified row height, min cell height). Row heights are specified using %values. IE7, FF2, Opera, Safari - Distribute extra space proportionally to all rows FF3 - Distribute extra space evenly to all rows. CASE 3 - Same as CASE 2, however in this case the sum of the rows is GREATER than the table height. IE7 - Increases table height to accommodate computed values Opera - Reduce row heights proportionally based on % height FF2, FF3, Safari - Respect the minimum row height and sacrifice the % height of later rows. CASE 4 - Table height is larger than sum of row heights. First two rows are auto, and next two are defined using %. IE7 - Distribute extra space _proportionally_ to *all* rows FF2, FF3, Opera - Distribute the extra space _proportionally_ between the *auto* rows. Safari - Distribute extra space _evenly_ to *auto* rows CASE 5 - Similar to CASE 4 but table height is smaller. IE7 - Increase table height FF2, Safari - Respect the minimum row height and sacrifice the % height of later rows FF3, Opera - reduce the row height proportionately What is the preferred behavior here? Do people think table height be distributed (or reduced) proportionally, evenly, or from a single row? Thanks, Saloni
Attachments
- text/html attachment: table height tests.htm
Received on Friday, 21 March 2008 00:52:39 UTC