<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">max-height, min-height</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">(see text)</span> CSS <span class="emphasis">2</span></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"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>These attributes let you establish a maximum and/or minimum height
for an element. You can bracket the permissible height of an element
regardless of the height caused by the natural flow of the content.
</p><p>When you set the <span class="literal">max-height</span> attribute of an
element that has content that may extend beyond that maximum, you
should also set the <span class="literal">overflow</span> style attribute to
<span class="literal">hidden</span> so that excess content is cropped. Failure
to do so causes the overflowing content to bleed into the succeeding
elements' content. Netscape 6 supports both
attributes for block-level and positioned elements.
</p><p>Internet Explorer 6 for Windows supports only the
<span class="literal">min-height</span> attribute, and is limited to
<span class="literal">td</span>, <span class="literal">th</span>, and
<span class="literal">tr</span> elements inside a table with its
<span class="literal">table-layout</span> style attribute is set to
<span class="literal">fixed</span>. This conflicts with the CSS2 specification,
which explicitly excludes table-related elements from being
influenced by these attributes. As such,
<span class="literal">min-height</span> settings you make for
<span class="literal">td</span>, <span class="literal">th</span>, or
<span class="literal">tr</span> elements in IE 6 do not affect Netscape 6. IE 5
for Macintosh supports neither attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>max-height: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | none
min-height: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | none</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>See the discussion of length values at the beginning of the chapter.
The value may also be a percentage that is calculated relative to the
element's container. A value of
<span class="literal">none</span> removes all constraints, allowing the content
to flow naturally.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span> (max-width); <span class="literal">none</span>
(min-width).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>See text. </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>").style.minHeight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.maxHeight</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>