Webstatt.org - Community seit 2006 - 2012 (2024?)

Spacer (Div leer?)

user-333
09.04.2006 11:04

Ich habe ein kleines elementares problem.
Und zwar möchte ich einen spacer einbauen.

#spacer {
float: left;
height: 100%;
width: 16px;}


Wenn ich das nun folgendermaßen einbaue,

<div id="spacer"></div>


passiert nichts. Erst wenn ich es folgendermapße anstelle, "wirkt" das DIV auch.

<div id="spacer">TesT</div>


Aber so verliert es ja seine Funktion als Spacer. In dem Div soll nichts drinstehen, sondern einfach leer sein.


Vielen user-158k,
trefixxx

Avatar user-253
09.04.2006 11:09

Hmm kannst du vielleicht ein Leerzeichen (&nbspzwinkern oder ein transparentes Dummy.gif als Inhalt einsetzen?

Avatar user-182
09.04.2006 11:28

1.: spacer als id zu definieren ist schonmal schlecht, da du den doch bestimmt mehrmals in einer seite benutzt, oder?

2.: versuch mal:
div.spacer {
float: left;
height: 100%;
width: 16px;
overflow: hidden;
font-size: 1px;
}

<div class="spacer">&nbsp;</div>

Seid ihr auch schon wix'r? xD
user-333
09.04.2006 12:10

mal ne kleine frage:
was ist an "div.spacer" anders als an ".spacer"?

Ich glaub ich sollte mir das manual nochmal zu gemüte führen lächeln

Avatar user-253
09.04.2006 12:15

div.spacer gilt nur für DIVs mit der Klasse spacer
.spacer gilt für alle Elemente mit der Klasse spacer.

Allgemein gilt, dass genauer definierte Bereiche allgemeinere überschreiben.

Also nach:

div.spacer {
color: blue;
}

.spacer {
color: red;
}

Ist die Schriftfarbe in einem DIV der spacer Klasse blau


Michael