Willkommen in der Webstatt Zum Webstatt Blog und Stories
trefixxx am 09.04.06 13: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 Dank,
trefixxx

netcup.de Warum gibt es hier Werbung?
Michael Michael am 09.04.06 13:09

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

Franky Franky am 09.04.06 13: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>

trefixxx am 09.04.06 14: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 :)

Michael Michael am 09.04.06 14: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

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt