404

Design made in Germany

Deutsches Design

Hochgestellte Zahlen


Design Magazin Design Agenturen Designer Design Weblogs Design Magazine Design Portale Design Communities Design Hochschulen Design Organisationen Design Ressourcen Design Shops Grafikdesigner Schriftdesigner Webdesigner Interfacedesigner Flashdesigner Motiondesigner Sounddesigner Fotodesigner 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Habe in einem Text hoch- und tiefgestellte Zahlen die bis 4 gehen. Deshalb habe ich alles mit <sub> bzw. <sup> geregelt. Leider zerhaut das ganze mir den Zeilenabstand. Gibt´s eine Lösung für das Problem?


Deutsches Design: Hochgestellte Zahlen

zeilenabstand manuell einstellen?
sub/sup ordentlich definieren?


<sup>2</sup>, <sup>3</sup>, <sup>100</sup> etc.


Zeilenabstand ist manuell eingestellt. Evtl. wäre ein höherer abstand die Lösung, aber das wollte ich als letzte Möglichkeit in Betracht ziehen.

Was meinst du mit "ordentlich definieren"?

@Chris ? Ja so steht´s auch bei mir.


entweder du verwendest gleich:
¹ (U+00B9)
² (U+00B2)
³ (U+00B3)
⁴ (U+2074)
⁵ (U+2075)
⁶ (U+2076)
(…)

₁ (U+2081)
₂ (U+2082)
₃ (U+2083)
₄ (U+2084)
₅ (U+2085)
₆ (U+2086
(…)

oder du definierst es eben ordentlich:

sub, sup {
line-height: 0px;
font-size: 60%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


@ Adam

Ja, also, genauso funktioniert es bei mir auch, ohne daß es die Zeilenhöhe zerreisst. Ist halt ein <sup>-div in einem ein <p>. Vielleicht liegt es daran. Ich glaube nicht, daß man das <sup> extra definieren sollte: Mein style sieht so aus:

p { color: #888888;
font-size: 8pt;
font-family: Arial, sans-serif;
font-style: normal;
line-height: 120%;
text-indent: 0;
word-spacing: 0;
text-align: left; }

Darin dann, wie gesagt, das <sup>. Ansonsten kapier ich das Problem nicht, weil das <sup> die Zeilenhöhe des <p> einhält. :)


also line-height hat mir schon weiter geholfen. aber leider nur auf dem mac. auf den pc im IE sieht´s immer noch genauso aus wie beschrieben. das problem ist der mix aus hoch- und tiefgestellten zahlen. daraus ergeben sich immer noch verschiedene zeilenabstände.


kannst du nicht einfach mal den code posten? :rolleyes


Bei mir geht´s im Firefox am PC. Vielleicht ist das ein "IE-exklusives" Problem. Und wir scheixxxx doch alle auf den IE :)

Im Ernst: Der Grund liegt irgendwo anders und nicht am Stylesheet. Diese Befehle müssen vom IE genauso interpretiert werden, wie vom FF.

http://www.css4you.de/browsercomp.html


$maintext='
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><b>Kapazität:</b></td>
</tr>
<tr>
<td>'.img($images."arrow_round.gif","","",true).'&nbsp;&nbsp;</td>
<td>50 Mio. m<sup>3</sup>/Jahr</td>
</tr>
<tr>
<td>'.img($images."arrow_round.gif","","",true).'&nbsp;&nbsp;</td>
<td>300.000 m<sup>3</sup>/Tag<br></td>
</tr>
</table>

und im css:
sub, sup {font-size: 6pt; line-height: 130%;}

>Und wir scheixxxx doch alle auf den IE :)
Ja, das würde ich gerne. Glaub mir mal ...


Seitentitel: Hochgestellte Zahlen