nicht angemeldet
Span-Breite festlegen
Hallo allerseits!
Hat jemand von euch eine Idee, warum folgender Code keine 100 Pixel breite rote Fläche mit dem Text "test" ergibt? Wenn "span" durch "div" ersetzt wird funktioniert es!
<span style="width:100px;background-color:red">test</span>
Gruß Kai
-
Hat jemand von euch eine Idee, warum folgender Code keine 100 Pixel breite rote Fläche mit dem Text "test" ergibt? Wenn "span" durch "div" ersetzt wird funktioniert es!
<span style="width:100px;background-color:red">test</span>
<span> ist ein normales "inline"-Element, es steht also in einer Zeile und bildet keinen eigenen Block (wie z.B. <div> oder <h1>). Wenn Du mal in die CSS-Doku schaust (http://www.w3.org/TR/REC-CSS2/visudet.html#the-width-property), wirst Du feststellen, daß width für diese Art Elemente nicht funktioniert.
Gruß,
soenk.e -
Hat jemand von euch eine Idee, warum folgender Code keine 100 Pixel breite rote Fläche mit dem Text "test" ergibt? Wenn "span" durch "div" ersetzt wird funktioniert es!
Mit der Eigenschaft 'width' bestimmst du die Breite des Content-Bereiches eines Elementes. Und nur Block-Elemente und solche Elemente, deren Dimensionen in CSS bereits bekannt sind (so genannte "replaced elements") verfügen über einen Content-Bereich. Siehe auch http://jendryschik.de/wsdev/einfuehrung/css/breite-und-hoehe.html#width. Was ein "Content-Bereich" ist, kannst du unter http://jendryschik.de/wsdev/einfuehrung/css/box-modell.html nachlesen.
MI
--
: Michael Jendryschik : michael@jendryschik.de : http://jendryschik.de/ :
: Einführung in XHTML, CSS und Webdesign http://jendryschik.de/wsdev/ :
: Monatlich das Beste aus de.alt.netdigest http://best-of-netdigest.de/ :