11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: tables.src,v 2.38 1998-05-02 23:08:25 ijacobs Exp $ -->
3+ <!-- $Id: tables.src,v 2.39 1998-05-04 20:43:36 bbos Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
66<title>Tables</title>
@@ -562,27 +562,32 @@ property of the table.
562562<li>A column group box occupies the same grid cells as the columns it
563563contains.
564564
565- <li>Structurally speaking, each cell belongs to one row and column;
566- this row and column give the coordinates of the cell. Visually, each
567- cell box occupies a rectangular area on the grid, one or more grid cells
568- wide and high. The top row of this rectangle must be
569- the row specified by the cell's parent. The rectangle must be as far
570- to the left as possible, but it may not overlap with any other cell,
571- and must be to the right of all cells in the same row that are earlier
572- in the source document. (If the <span
573- class="propinst-direction">'direction'</span> of the table is
574- 'right-to-left', interchange "left" and "right" in the previous
575- sentence.) A cell box cannot extend beyond the last row box of a table; it
565+ <li>Cells may span several rows or columns. (Although CSS2 doesn't
566+ define how the number of spanned rows or columns is determined, a user
567+ agent may have special knowledge about the source document; a future
568+ version of CSS may provide a way to express this knowledge in CSS
569+ syntax.) Each cell is thus a rectangular box, one or more grid cells
570+ wide and high. The top row of this rectangle is in the row specified
571+ by the cell's parent. The rectangle must be as far to the left as
572+ possible, but it may not overlap with any other cell box, and must be
573+ to the right of all cells in the same row that are earlier in the
574+ source document. (This constraint holds if the 'direction' property of
575+ the table is 'ltr'; if the <span
576+ class="propinst-direction">'direction'</span> is 'rtl', interchange
577+ "left" and "right" in the previous sentence.)
578+
579+ <li>A cell box cannot extend beyond the last row box of a table; the
576580user agents must shorten it until it fits.
577- <strong>Note.</strong>
581+ </ol>
582+
583+ <p><strong>Note.</strong>
578584Table cells may be relatively and absolutely positioned, but
579585this is not recommended: positioning and floating remove a box
580586from the flow, affecting table alignment.
581587
582- </ol>
583-
584588<div class="html-example">
585- <p>Here is an example:
589+ <p>Here are two examples. The first is assumed to occur in an HTML
590+ document:
586591
587592<pre>
588593<TABLE>
@@ -591,14 +596,23 @@ from the flow, affecting table alignment.
591596</TABLE>
592597</pre>
593598
594- <p>This table is in error. According to HTML 4.0, the formatting on the
595- left is allowed. However, CSS2 UAs must format this table as in the
596- figure on the right:
599+ <pre>
600+ <TABLE>
601+ <ROW><CELL>1 <CELL rowspan="2">2 <CELL>3 <CELL>4
602+ <ROW><CELL colspan="2">5
603+ </TABLE>
604+ </pre>
605+
606+ <p>The second table is formatted as in the figure on the
607+ right. However, the HTML table's rendering is explicitly undefined by
608+ HTML, and CSS doesn't try to define it. User agents are free to render
609+ it, e.g., as in the figure on the left.
597610
598611<div class="figure">
599- <p><img src="images/table-overlap.gif" alt="two formattings of an erroneous table"> <p class="caption">Two formattings of an erroneous
600- HTML 4.0 table. The formatting on the left is allowed by HTML 4.0, but
601- in CSS2 the one on the right is compulsory.
612+ <p><img src="images/table-overlap.gif" alt="One table with overlapping
613+ cells and one without"> <p class="caption">On the left, one possible
614+ rendering of an erroneous HTML 4.0 table; on the right, the only
615+ possible formatting of a similar, non-HTML table.
602616</div>
603617</div>
604618
0 commit comments