Unerklärliches Wachstum von Div?

[ChrisB]

Hi,

Beispiel: Man ist auf der Haupteiste = Alles wunderbar.
Man klickt auf Info = Der besagte Div-Container ist überhoch.

Dazu muss man „Info“ erst mal finden - hat ein bisschen gedauert, bis ich das in der Winznavigation links überhaupt gesehen habe.

Und das obwohl nur das Wort "Info" in Ihm steht.

Is' doch glatt gelügt:

<div class="wc_body">  
<h2></h2>  
<h2>/\</h2>  
<h2>I N F O</h2>  
</div>

• Nein, da steht nicht nur Info drin, sondern noch anderer Unsinn.

-->weiteres Problem: Wenn ich statt "I N F O" mehr Abstand möchte und "I    N    F    O" schreibe, wird dies in der Ausgabe gar nicht berücksichtigt - egal ob 1000 Leerzeichen zwischen dem "I" und dem "N" stehen.

2... Woher kommt das?

Das kommt natürlich daher, dass in HTML die Regel gilt, dass unter normalen Bedingungen mehrere aufeinanderfolgende Whitespace-Zeichen zu einem Leerzeichen zusammengefasst werden.
Das könnte man zwar unter Benutzung geschützter Leerzeichen ändern - aber auch das wäre hochgradiger Blödsinn.

Du willst lediglich das optische Erscheinungsbild ändern, also nimmst du dazu selbstverständlich CSS.
http://de.selfhtml.org/css/eigenschaften/schrift.htm#letter_spacing

MfG ChrisB