Spacer (Div leer?)

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

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

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>

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

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