SELFHTML Forum  SELFHTML Forumsarchiv  2005  Juli

	SELFHTML Forumsarchiv span element auf 100% width klappt nicht
	(CSS) span element auf 100% width klappt nicht von bofh, 31. 07. 2005, 13:30  (CSS) span element auf 100% width klappt nicht von Cheatah, 31. 07. 2005, 13:37

span element auf 100% width klappt nicht

Die folgende Nachricht zum Thema stammt von: bofh, 31. 07. 2005, 13:30

hallo,

habe hier mal den validator auspobiert um meine seite (die eigentlich in allen browsern so aussah wie erwartet) zu validieren und die bugszu fixen. haette ichs nur gelassen, jetzt hats mir irgendwie das design zerschossen. ist fast alles wieder behoben, bis auf diese span-elemente die nur noch so lang sind wie die enthaltene schrift. auf der seite http://www.shareyourride.net - da wo steht "welcome backpacker", mit dem gelben hintergrund, das soll sich ueber die ganze breite erstrecken, mit text zentriert.

der code:
<span class="topic2" style="width:600px;">welcome backpacker!</span>

css dazu:

.topic2{
 width: 100%;
 background-image: url(gfx/buttonbg_y.gif);
 font-weight: bold;
 text-align: center;
 font-size: 12px;
 background-position: bottom;
 margin: 0px;
 background-repeat: repeat-x;
}

vielen dank fuer eure hilfe.

span element auf 100% width klappt nicht

Die folgende Nachricht zum Thema stammt von: Cheatah, 31. 07. 2005, 13:37

Hi,

»» habe hier mal den validator auspobiert um meine seite (die eigentlich in allen browsern so aussah wie erwartet) zu validieren und die bugszu fixen. haette ichs nur gelassen, jetzt hats mir irgendwie das design zerschossen.

hättest Du es nicht gemacht, wäre es _faktisch_ zerschossen. Bis auf vielleicht in den paar Browserversionen, die Du getestet hast.

»» ist fast alles wieder behoben, bis auf diese span-elemente die nur noch so lang sind wie die enthaltene schrift.

Lass mich raten: Du hast sie in ihrer Default-Einstellung als Inline-Element gelassen. Bei diesen (u.a.) greifen die width- und height-Eigenschaft nicht.

»» <span class="topic2" style="width:600px;">welcome backpacker!</span>

Das klingt, als wäre es eine Überschrift, also ein <hX>.

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

 SELFHTML Forum  SELFHTML Forumsarchiv  2005  Juli

© 1998-2006  Impressum, Software: Classic Forum