<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;COLGROUP&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;COLGROUP&gt;...&lt;/COLGROUP&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML End Tag: Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The <span class="literal">colgroup</span> element provides shortcuts to
assigning widths and other characteristics (styles) to one or more
subsets of columns within a table. With this information appearing
early in the <span class="literal">table</span> element source code, a browser
equipped to do so starts rendering the table before all source code
for the table has loaded (at which time it would otherwise perform
all of its geographical calculations).
</p><p>You can use the <span class="literal">colgroup</span> element in combination
with the <span class="literal">col</span> element or by itself. You may also
define a <span class="literal">colgroup</span> that has <span class="literal">col</span>
elements nested within to assist in defining subsets of columns that
share some attribute or style settings. The need for the
element's end tag is determined by the presence of
standalone <span class="literal">col</span> elements following the
<span class="literal">colgroup</span> element. For example, if you specify
column groupings entirely with <span class="literal">colgroup</span> elements,
end tags are not necessary:
</p><p>If you have a freestanding <span class="literal">col</span> element following
the <span class="literal">colgroup</span> element, you must clearly end the
<span class="literal">colgroup</span> element before the standalone
<span class="literal">col</span> element:
</p><p>The structure depends on how you need to assign widths and styles to
individual columns or contiguous columns. To create a column grouping
that consists of multiple adjacent columns, use the
<span class="literal">span</span> attribute. This is entirely different from
the <span class="literal">colspan</span> attribute of a <span class="literal">td</span>
element, which has the visual impact of joining adjacent cells
together as one. The <span class="literal">span</span> attribute helps define
the number of columns to be treated structurally as a group (for
assigning attribute and style sheet settings across multiple columns,
regardless of the column content).
</p><p>No matter how you address the column structure of your table, the
total number of columns defined in all <span class="literal">col</span> and
<span class="literal">colgroup</span> elements should equal the physical number
of columns you intend for the table. The following three skeletal
examples specify HTML 4 tables with six columns:
</p><p>HTML 4 specifications for the <span class="literal">colgroup</span> element
exceed the implementation in IE for Windows and Navigator through
Version 6. For example, HTML 4 provides for alignment within a column
to be around any character, such as the decimal point of a money
amount. This kind of feature adds to the rationale behind the
<span class="literal">col</span> element (see the <span class="literal">col</span>
element for an example).
</p><p>Syntactically, there is little difference between a
<span class="literal">colgroup</span> and <span class="literal">col</span> element. A
<span class="literal">colgroup</span> element, however, lends a structural
integrity to a group of columns that is rendered differently when the
containing <span class="literal">table</span> element specifies
<span class="literal">rules="groups"</span>; the browser draws rule lines
(standard table borders in IE) only between
<span class="literal">colgroup</span> elements, and not <span class="literal">col</span>
elements.
</p><p>Support indicated here for Netscape 6 is based on the
browser's DOM implementation. The DOM reports to
scripts that the <span class="literal">colgroup</span> element and its
attributes exist (reflected as properties). But as of Netscape 7, the
element does not perform its intended tasks. A later version will
likely connect the element's internal wiring.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP class="dateCols" width="15" align="right"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>)</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">char</span></td><td><span class="literal">charoff</span></td><td><span class="literal">span</span></td><td><span class="literal">valign</span></td>
								</tr>
								<tr><td><span class="literal">width</span></td><td></td><td></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Event Handler Attributes</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">align="<span class="replaceable">alignConstant</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Establishes the horizontal alignment characteristics of content
within column(s) covered by the <span class="literal">colgroup</span> element.
The HTML 4 specification defines settings for the
<span class="literal">align</span> attribute that are not yet reflected in the
CSS specification. For example, there is no CSS equivalent for the
alignment by character. See the <span class="literal">colgroup</span> element
description about Netscape 6 compatibility.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP class="dateCols" width="15" align="right" span="3"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>HTML 4 and IE have two sets of attribute values.</p><p>The values <span class="literal">center</span>, <span class="literal">left</span>, and
<span class="literal">right</span> are self-explanatory. The value
<span class="literal">justify</span> is intended to space content so that text
is justified down both left and right edges. For the value
<span class="literal">char</span>, the <span class="literal">char</span> attribute must
also be set to specify the character on which alignment revolves. In
the HTML 4 specification example, content that does not contain the
character appears to be right-aligned to the location of the
character in other rows of the same column.
</p><p>It is important to bear in mind that the <span class="literal">align</span>
attribute applies to every row of a column, including any
<span class="literal">th</span> element you specify for the table. If you want
a different alignment for the column header, override the setting
with a separate <span class="literal">align</span> attribute or
<span class="literal">text-align</span> style sheet attribute for the
<span class="literal">thead</span> or individual <span class="literal">th</span>
elements.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">left</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).align</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="char">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">char</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">char="<span class="replaceable">character</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The <span class="literal">char</span> attribute defines the text character used
as an alignment point for text within a column. This attribute is of
value only for the <span class="literal">align</span> attribute set to
<span class="literal">"char"</span>. Microsoft documents a
<span class="literal">ch</span> attribute, which corresponds to the
standards-based <span class="literal">char</span> attribute. In any case, the
browser does not respond to either attribute. Netscape 7 has not yet
connected support for the <span class="literal">char</span> attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP class="priceCols" align="char" char="." span="2"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any single text character.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="charoff">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">charoff</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">charoff="<span class="replaceable">length</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The <span class="literal">charoff</span> attribute lets you set a specific
offset point at which the character specified by the
<span class="literal">char</span> attribute is to appear within a cell. This
attribute is provided in case the browser default positioning does
not meet with the design goals of the table. Microsoft documents a
<span class="literal">choff</span> attribute, which corresponds to the
standards-based <span class="literal">charoff</span> attribute. In any case,
the browser does not respond to either attribute. Netscape 7 has not
yet connected support for the <span class="literal">charoff</span> attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP class="priceColumn" align="char" char="." charoff="80%" span="2"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any length value in pixels or percentage of cell space.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The language being used for the element's attribute
		values and content. A browser can use this information to assist in
		proper rendering of content with respect to details such as treatment
		of ligatures (when supported by a particular font or required by a
		written language), quotation marks, and hyphenation. Other
		applications and search engines might use this information to aid the
		selection of spell-checking dictionaries and the creation of indices.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-insensitive language code.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>Browser default.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="span">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">span</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">span="<span class="replaceable">columnCount"</span></p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the number of adjacent columns for which the
<span class="literal">colgroup</span> element's attribute and
style settings apply. If this attribute is missing, the
<span class="literal">colgroup</span> element governs a single column. You can
combine multiple <span class="literal">colgroup</span> elements of different
<span class="literal">span</span> sizes as needed for your column subgrouping.
See the <span class="literal">colgroup</span> element description about
Netscape 6 compatibility.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP span="3"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Integer value greater than zero.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">1</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).span</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="valign">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">valign</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">valign="<span class="replaceable">alignmentConstant</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Determines the vertical alignment of content within cells of the
column(s) covered by the <span class="literal">colgroup</span> element. You can
override the vertical alignment for a particular cell anywhere in the
column. See the <span class="literal">colgroup</span> element description about
Netscape 6 compatibility.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP valign="middle"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Four constant values are recognized by both IE 4 and HTML 4:
<span class="literal">top</span> | <span class="literal">middle</span> |
<span class="literal">bottom</span> | <span class="literal">baseline</span>. With
<span class="literal">top</span> and <span class="literal">bottom</span>, the content is
rendered flush (or very close to it) to the top and bottom of the
table cell. Set to <span class="literal">middle</span> (the default), the
content floats perfectly centered vertically in the cell. When one
cell's contents might wrap to multiple lines at
common window widths (assuming a variable table width), it is
advisable to set the <span class="literal">valign</span> attributes of all
cells in the same row (or all <span class="literal">colgroup</span> elements)
to <span class="literal">baseline</span>. This assures that the character
baseline of the first (or only) line of a cell's
text aligns with the other cells in the rowusually the most
aesthetically pleasing arrangement.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">middle</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).vAlign</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">width="<span class="replaceable">multiLength</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the maximum width for the column(s) covered by the
<span class="literal">colgroup</span> element. In practice (in IE 4 and later
for Windows, anyway), the browser won't render a
column narrower than the widest contiguous stretch of characters not
containing whitespace (e.g., the longest word). The precise measure
of such a column width, of course, depends on the font
characteristics of the content, as well. See the
<span class="literal">colgroup</span> element description about Netscape 6
compatibility.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;COLGROUP width="100"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Internet Explorer accepts length values for the
<span class="literal">width</span> in the form of pixel measures (without the
"px" unit) or percentage of
available horizontal space allocated to the entire table
(<span class="literal">width="25%"</span>).
</p><p>An alternate variation of the proportional length value is described
in the HTML 4.0 specification. For a <span class="literal">colgroup</span>
element, you can specify <span class="literal">width="0*"</span> to instruct
the browser to render all columns according to the minimum width
necessary to display the content of the cells in the column. For a
browser to make this calculation, it must load all table contents,
thus eliminating the possibility of incremental rendering of a long
table. For more information about proportional lengths, see the
<span class="literal">width</span> attribute of the <span class="literal">col</span>
element.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Determined by browser calculation. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>