<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">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">H&eacute;rit&eacute;: non</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>La sp&eacute;cification CSS exige que cet attribut d&eacute;finisse la position du bord inf&eacute;rieur du contenu d'un &eacute;l&eacute;ment (sans compter les bordures et/ou les marges) par rapport au bord inf&eacute;rieur du conteneur parent imm&eacute;diat. Parmi les navigateurs standard, seul IE 5 pour Macintosh adopte ce comportement. Le comportement d'IE pour Windows et de Netscape 6 est assez inattendu lorsque l'&eacute;l&eacute;ment positionn&eacute; utilise le contexte de positionnement de racine: au lieu de choisir le bas du document comme c&ocirc;t&eacute; de comparaison, ces navigateurs utilisent le bas de l'espace correspondant &agrave;la fen&ecirc;tre du navigateur (la zone visible, dans la terminologie CSS). Par cons&eacute;quent, la position pr&eacute;cise du bas de l'&eacute;l&eacute;ment varie en fonction de la taille de la fen&ecirc;tre du navigateur de l'utilisateur. En raison de cette diff&eacute;rence, il est plus pratique d'utiliser la propri&eacute;t&eacute; <span class="literal">bottom</span> pour un &eacute;l&eacute;ment positionn&eacute; et imbriqu&eacute; dans un autre &eacute;l&eacute;ment positionn&eacute;. Dans le cas d'un &eacute;l&eacute;ment &agrave;positionnement relatif, le d&eacute;calage est calcul&eacute; par rapport au c&ocirc;t&eacute; inf&eacute;rieur de l'emplacement o&ugrave; l'&eacute;l&eacute;ment devrait normalement appara&icirc;tre.
</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">Syntaxe CSS</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">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Pour plus de d&eacute;tails sur les valeurs de longueur, voir le d&eacute;but du pr&eacute;sent chapitre. Les longueurs n&eacute;gatives sont admises dans certains contextes, mais v&eacute;rifiez l'effet obtenu sur chaque navigateur. Vous pouvez &eacute;galement sp&eacute;cifier un pourcentage, lequel sera calcul&eacute; par rapport &agrave;la hauteur du conteneur parent imm&eacute;diat. Si vous sp&eacute;cifiez la valeur <span class="literal">auto</span>, le navigateur d&eacute;termine automatiquement le d&eacute;calage vertical inf&eacute;rieur de l'&eacute;l&eacute;ment par rapport &agrave;sa position naturelle dans le cadre destin&eacute; &agrave;le recevoir.
</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">Valeur initiale</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">S'applique &agrave;</span></td>
				</tr>
				<tr>
					<td><p>Tous les &eacute;l&eacute;ments positionn&eacute;s. </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">R&eacute;f&eacute;rence de mod&egrave;le d'objet</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>