Willkommen in der Webstatt
User-1 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 xyz-48k,
***

netcup.de Warum gibt es hier Werbung?
User-2 am 09.04.06 13:09

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

User-3 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>

User-1 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 :)

User-2 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


xyz-141el

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

Impressum & Kontakt