<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">width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</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>Definiert die Breite des Inhalts eines Blockebenen-, ersetzten oder positionierten Elements (ausschlie&szlig;lich Rahmen, Auff&uuml;llung und R&auml;nder).
</p><p>IE f&uuml;r Windows (mit Ausnahme von IE 6 im Standardkompatibilit&auml;tsmodus) ber&uuml;cksichtigt den linken und rechten Rand, die Auff&uuml;llung und die Rahmen bei Berechnung der Breite eines Elements (siehe Element <span class="literal">DOCTYPE</span> in Kapitel 8). Laut CSS-Standards bezieht sich die Breite nur auf den Inhalt eines Elements und ist von Rahmen, Auff&uuml;llung und R&auml;ndern unabh&auml;ngig. Diese &Auml;nderung kann sich stark auf Legacy-Code auswirken, den Sie W3C-kompatibel machen m&ouml;chten oder m&uuml;ssen.
</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>width: <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 zu den L&auml;ngenwerten am Anfang dieses Kapitels. Bei der Einstellung <span class="literal">auto</span> passt der Browser die Breite der Elementbox der aktuellen Fensterbreite an.
</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="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>div#announce {position: relative; left: 30; width: 240}
textarea {width: 80%}</pre>
						</span></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>Navigator 4: alle absolut positionierten Elemente. Internet Explorer 4: <span class="literal">applet</span>, <span class="literal">div</span>, <span class="literal">embed</span>, <span class="literal">fieldset</span>, <span class="literal">hr</span>, <span class="literal">iframe</span>, <span class="literal">img</span>, <span class="literal">input</span>, <span class="literal">marquee</span>, <span class="literal">object</span>, <span class="literal">span</span>, <span class="literal">table</span> und <span class="literal">textarea</span>. Internet Explorer 5 und Netscape 6: alle Elemente bis auf nicht ersetzte Inline-Elemente, Tabellenspaltenelemente und Spaltengruppenelemente.
</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.width</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>