Tabacco: Hochgestellte Zeichen verursachen größeren Zeilenabstand

Hi.

Ich versuche schon stundenlang, den durch hochgestellte Zeichen verursachten größeren Zeilenabstand in den Griff zu bekommen. Erste bei einer Mindestzeilenhöhe von 200% stimmen die Zeilenabstände davor und danach überein. Verkleinere ich die <sup>Schrift, wird es zwar besser, aber dann sind sie Zahlen nicht mehr lesbar. Weiß jemand Rat!

Ach so, Opera ist dabei am Störrischsten.

lg Tobacco

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
 <head>  
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />  
  <title>Hochgestellte Zeichen</title>  
  <meta http-equiv="Content-Style-Type" content="text/css" />  
  <style type="text/css" media="screen"><!--  
body {  
 color: black;  
 font-size: 101%;  
 line-height: 120%;  
 padding-top: 100px;  
 padding-left: 100px }  
  
#linie {  
 color: #c30;  
 position: absolute;  
 z-index: 2;  
 width: 300px }  
  
#text {  
 color: #000;  
 position: absolute;  
 z-index: 1;  
 width: 300px }  
  
--></style>  
 </head>  
  
 <body>  
  <p id="linie">_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _</p>  
  <p id="text">Dies ist ein Blindtext. An ihm l&auml;sst sich vieles ablesen &uuml;ber die Schrift, in der er gesetzt ist. Auf den ersten Blick<sup>1</sup> wird der Grauwert der Schriftfl&auml;che sichtbar. Dann kann man pr&uuml;fen, wie gut die Schrift zu lesen ist und wie sie auf den Leser wirkt.</p>  
 </body>  
  
</html>  

  1. Hallo,

    Ich versuche schon stundenlang, den durch hochgestellte Zeichen verursachten größeren Zeilenabstand in den Griff zu bekommen.

    Probier mal:

      
    sup {vertical-align:top;}  
    
    

    viele Grüße

    Axel

    1. Hi.

      Probier mal:

      sup {vertical-align:top;}

        
      Toll, das geht! Wo hätte ich das nachlesen können?  
        
      lg Tobacco
      
      1. Hallo,

        sup {vertical-align:top;}

        
        >   
        > Toll, das geht! Wo hätte ich das nachlesen können?  
        
        Direkt nachlesen wohl nicht, allerdings kombinieren, Watson ;-). Die [vertical-align](http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align)-values sub und super sind die einzigen, welche die Position der Textgrundlinie in der Textzeile verschieben und somit die Zeilenhöhe verändern.  
          
        viele Grüße  
          
        Axel
        
        1. Hi.

          Toll, das geht! Wo hätte ich das nachlesen können?
          Direkt nachlesen wohl nicht, allerdings kombinieren, Watson ;-).

          Yes, Sir. ;-)

          lg Tobacco