<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">position</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</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>Sets whether the element is positionable, and if so, what type of
positionable element it is. The two primary types of positionable
elements are set with values <span class="literal">relative</span> and
<span class="literal">absolute</span>, with a third type,
<span class="literal">fixed</span>, applicable to only some browsers. See Chapter 4 for details and examples.
</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>position: <span class="replaceable">positionConstant</span></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>Browsers and the CSS standard recognize different sets of constant
values for this attribute, as shown in this table.
</p><p>The <span class="literal">static</span> value is essentially an unpositioned
element, one that flows in the normal rendering sequence of the body
content. A fixed-position element is positioned relative to the
window (viewport), and remains in its specified location even as the
content scrolls underneath it.
</p>
						<table border="1"><tbody><tr><th>Value</th><th>IE/Windows</th><th>IE/Mac</th><th>NN</th></tr>
								<tr><td><span class="literal">absolute</span></td><td>4</td><td>4</td><td>4</td>
								</tr>
								<tr><td><span class="literal">fixed</span></td><td>n/a</td><td>5</td><td>6</td>
								</tr>
								<tr><td><span class="literal">relative</span></td><td>4</td><td>4</td><td>4</td>
								</tr>
								<tr><td><span class="literal">static</span></td><td>4</td><td>4</td><td>6</td>
								</tr>
							</tbody></table>
					</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">static</span></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>All elements.</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.position</pre>
						</span></td>
				</tr>
			</table>
		</div>

</body>
</html>