[css2] Incorporated the changes suggested by fantasai

bert-github · bert-github · commit e1f7308c5489 · 2002-11-28T20:56:38.000Z
(http://lists.w3.org/Archives/Public/www-style/2002Aug/0286.html and http://fantasai.tripod.com/www-style/2002/table-backgrounds/) and clarified some things about backgrounds of row and column elements. --HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401978
diff --git a/css2/tables.src b/css2/tables.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: tables.src,v 2.55 2002-08-07 18:19:16 bbos Exp $ -->
+<!-- $Id: tables.src,v 2.56 2002-11-28 20:56:38 bbos Exp $ -->
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
 <title>Tables</title>
@@ -614,34 +614,56 @@ class="caption">Schema of table layers.
 itself. Like all boxes, it may be transparent.</p>
 </li>
 <li>
-<p>The next layer contains the column groups. The columns groups are
-as tall as the table, but they need not cover the whole table
-horizontally.</p>
+<p>The next layer contains the column groups. Each column group
+extends from the top of the cells in the top row to the bottom of the
+cells on the bottom row and from the left edge of its leftmost column
+to the right edge of its rightmost column. The background extends to
+cover the full area of all cells that originate in the column group,
+but this extension does not affect background image positioning.
 </li>
 <li>
 <p>On top of the column groups are the areas representing the column
-boxes. Like column groups, columns are as tall as the table, but need
-not cover the whole table horizontally.</p>
+boxes. Each column is as tall as the column groups and as wide as a
+normal (single-column-spanning) cell in the column. The background
+extends to cover the full area of all cells that originate in the
+column, even if they span outside the column, but this this extension
+does not affect background image positioning.
 </li>
 <li>
-<p>Next is the layer containing the row groups. Each row group is as
-wide as the table. Together, the row groups completely cover the table
-from top to bottom.</p>
+<p>Next is the layer containing the row groups. Each row group extends
+from the top left corner of its topmost cell in the first column to
+the bottom right corner of its bottommost cell in the last column.
 </li>
 <li>
-<p>The next to last layer contains the rows. The rows also cover the
-whole table.</p>
+<p>The next to last layer contains the rows. Each row is as wide as
+the row groups and as tall as a normal (single-row-spanning) cell in
+the row. As with columns, the background extends to cover the full
+area of all cells that originate in the row, even if they span outside
+the row, but this this extension does not affect background image
+positioning.
 </li>
 <li>
 <p>The topmost layer contains the cells themselves. As the figure
 shows, although all rows contain the same number of cells, not every
-cell may have specified content. These "empty" cells are transparent
-if the value of their 'empty-cells' property is 'hide', letting lower
-layers shine through.
-</p>
+cell may have specified content. If the value of their <span
+class="propinst-empty-cells">'empty-cells'</span> property is 'hide'
+these "empty" cells are transparent through the cell, row, row group,
+column and column group backgrounds, letting the table background show
+through.
 </li>
 </ol>
 
+<p>The edges of the rows, columns, row groups and column groups in the
+<a href="#collapsing-borders">collapsing borders model</a> concide
+with the hypothetical grid lines on which the borders of the cells are
+centered. (And thus, in this model, the rows together exactly cover
+the table, leaving no gaps; ditto for the columns.) In the <a
+href="#separated-borders">separated borders model,</a> the edges
+coincide with the <a href="box.html#border-edge">border edges</a> of
+cells. (And thus, in this model, there may be gaps between the rows
+and columns, corresponding to the <span
+class="propinst-border-spacing">'border-spacing'</span> property.)
+
 <div class="html-example">
 <P>In the following example, the first row contains four cells, but
 the second row contains no cells, and thus the table background shines
@@ -739,6 +761,16 @@ class="propinst-width">'width'</span> property. A value of 'auto' (for
 both 'display: table' and 'display: inline-table') means use the <a
 href="#auto-table-layout">automatic table layout</a> algorithm.
 
+<p class=note style="color:red">[Possible change to that last
+sentence: the width of a table (but not of an 'inline-table') could in
+principle be derived from the containing block's width, exactly as for
+block elements, allowing the fixed layout algorithm to be used even if
+'width' is 'auto'. This would in addition allow 'table {margin: 1em;
+table-layout: fixed}' to create a table that is 100% - 2em wide.
+Suggestion by <a
+href="http://lists.w3.org/Archives/Public/www-style/2002Aug/0286.html">
+Fantasai.</a>]
+
 <P>In the fixed table layout algorithm, the width of each column is
 determined as follows:</p>
 
@@ -1004,8 +1036,9 @@ negative.
 
 <p>In this model, each cell has an individual border.  The
 <span class="propinst-border-spacing">'border-spacing'</span> property
-specifies the distance between the borders of adjacent cells.  This
-space is filled with the background of the table element.  Rows,
+specifies the distance between the borders of adjacent cells. In this
+space, the row, column, row group, and column group backgrounds are
+invisible, allowing the table background to show through. Rows,
 columns, row groups, and column groups cannot have borders (i.e., user
 agents must <span class="index-inst" title="ignore"><a
 href="syndata.html#ignore">ignore</a></span> the border properties for
@@ -1046,10 +1079,12 @@ includes "&amp;nbsp;" and other whitespace except ASCII CR ("\0D"), LF
 ("\0A"), tab ("\09"), and space ("\20").
 
 <P>When this property has the value 'show', borders and backgrounds
-are drawn around empty cells (like normal cells).
+are drawn around/behind empty cells (like normal cells).
 
 <P>A value of 'hide' means that no borders or backgrounds are drawn
-around empty cells. Furthermore, if all the cells in a row have a
+around/behind empty cells (see point 6 in <a
+href="#table-layers">17.5.1</a>). Furthermore, if all the cells in a
+row have a
 value of 'hide' and have no visible content, the entire row behaves as
 if it had 'display: none'.
 
@@ -1135,13 +1170,14 @@ value for the border style.)
 <li>If none of the styles is 'hidden' and at least one of them is not
 'none', then narrow borders are discarded in favor of wider ones. If
 several have the same <span
-class="propinst-border-width">'border-width'</span> than styles are
+class="propinst-border-width">'border-width'</span> then styles are
 preferred in this order: 'double', 'solid', 'dashed', 'dotted',
 'ridge', 'outset', 'groove', and the lowest: 'inset'.
 
 <li>If border styles differ only in color, then a style set on a cell
 wins over one on a row, which wins over a row group, column, column
-group and, lastly, table.
+group and, lastly, table. It is undefined which color is used when
+two elements of the same type disagree.
 </ol>
 
 <div class="example">
