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

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bottom </td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</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">Vererbt: Nein</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Laut CSS-Spezifikation definiert dieses Attribut bei positionierbaren Elementen die Position der Unterkante des Inhalts (ohne R&auml;nder) relativ zur Unterkante des n&auml;chsten &auml;u&szlig;ersten Blockinhaltscontainers. Von allen Mainstream-Browsern weist nur IE 5 f&uuml;r Macintosh dieses Verhalten auf. In IE f&uuml;r Windows und Netscape 6 passiert etwas Unerwartetes, wenn das positionierte Element den Root-Positionierungskontext verwendet: Bei diesen Browsern dient nicht die Unterkante des Dokuments als Ausgangspunkt, sondern die Unterkante des Browserfensterbereichs (des so genannten "Viewport"). Dies bedeutet, dass die genaue Position der Unterkante des Elements je nach Gr&ouml;&szlig;e des Browserfensters variiert. Aufgrund dieser Diskrepanz ist es praktischer, die Eigenschaft <span class="literal">bottom</span> f&uuml;r ein positioniertes Element zu verwenden, das innerhalb eines anderen positionierten Elements verschachtelt ist. Wenn das Element relativ positioniert ist, bezieht sich der Offset auf die Unterkante der Inline-Position, wo das Element normalerweise im Inhalt erscheinen w&uuml;rde.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>bottom: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | auto</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p>Weitere Informationen hierzu finden Sie in der Diskussion &uuml;ber L&auml;ngenwerte zu Beginn dieses Kapitels. Negative L&auml;ngen k&ouml;nnen in bestimmten F&auml;llen erlaubt sein, doch sollten Sie dies stets mit allen Browsern testen. Auch die Eingabe eines Prozentwerts ist m&ouml;glich; dieser bezieht sich auf die H&ouml;he des n&auml;chst&auml;u&szlig;ersten Containers. Bei der Einstellung <span class="literal">auto</span> wird der untere Versatz der Elementbox zur umgebenden Box vom Browser bestimmt.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Anfangswert</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">auto</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Gilt f&uuml;r</span></td>
				</tr>
				<tr>
					<td><p>Alle positionierten Elemente. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.bottom</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>