Tier3: Zeilenhöhe häßlich im Firefox und Opera

Hallo,

Der unten angeführte Code führt bei mir immer dazu,
dass die kleine Schrift mit der Zeilenhöhe der großen
Schrift dargestellt wird.
Kann man hier irgendetwas tun?

Danke im voraus

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>test</title></head>
<body>
<div style="width: 350px; font-size:50px;">
test test test test test test test
<span style="font-size:10px">
test test test test test test test test test test
test test test test test test test test test test
test test test test test test test test test test
test test test test test test test test test test
test test test test test test test test test test
test test test test test test test test test test
</span>
</div>
</body>
</html>

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html><head><title>test</title></head>
    <body>
    <div style="width: 350px; font-size:50px;">
    test test test test test test test
    <span style="font-size:10px">
    test test test test test test test test test test
    test test test test test test test test test test
    test test test test test test test test test test
    test test test test test test test test test test
    test test test test test test test test test test
    test test test test test test test test test test
    </span>
    </div>
    </body>
    </html>

    http://css.talky.de/text.php#sample sollte helfen.

    1. http://css.talky.de/text.php#sample sollte helfen.

      Ich habe übrigens line-height gemeint.
      Damit kann man die Zeilenhöhe beeinflussen.

      1. @@Michael Wille:

        http://css.talky.de/text.php#sample sollte helfen.
        Ich habe übrigens line-height gemeint.

        Warum verweist du nicht auf die Spec [CSS2 §10.8] oder auf [http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#line_height@title=SELFHTML]?

        Damit kann man die Zeilenhöhe beeinflussen.

        Mach mal vor, wie das gehen soll! (Ohne das Markup zu ändern, versteht sich.)

        Live long and prosper,
        Gunnar

        --
        „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
        1. Hi,

          Warum verweist du nicht auf die Spec [CSS2 §10.8]

          Warum verweist _Du_ nicht auf die Spec? ;-)

          (Ja, wir hatten die Diskussion wegen Spec und dem edition-wc3-Zeug schon - und daß die Anker in dem edition-zeugs wegen des blödsinnigen geschützten Leerzeichens nicht richtig funktionieren, macht Deinen Link auch nicht brauchbarer ...)

          Ach ja, hier der Verweis auf die Spec

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          O o ostern ...
          Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          1. http://css.talky.de/text.php#sample sollte helfen.

            »»

            Ich habe übrigens line-height gemeint.
            Damit kann man die Zeilenhöhe beeinflussen.

            Herzlichen Dank für die Antwort. Das line-height Attribut für das Span-Element ändert leider nichts:

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
            <html><head><title>test</title></head>
            <body>
            <div style="width: 350px; font-size:50px;">
            test test test test test test test
            <span style="font-size:10px; line-height:10px;">
            test test test test test test test test test test
            test test test test test test test test test test
            test test test test test test test test test test
            test test test test test test test test test test
            test test test test test test test test test test
            test test test test test test test test test test
            </span>
            </div>
            </body>
            </html>

      2. http://css.talky.de/text.php#sample sollte helfen.

        Ich habe übrigens line-height gemeint.
        Damit kann man die Zeilenhöhe beeinflussen.

        Herzlichen Dank für die Antwort. Das line-height Attribut für das Span-Element ändert leider nichts:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html><head><title>test</title></head>
        <body>
        <div style="width: 350px; font-size:50px;">
        test test test test test test test
        <span style="font-size:10px; line-height:10px;">
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        </span>
        </div>
        </body>
        </html>

        1. @@Tier3:

          Herzlichen Dank für die Antwort. Das "line-height" Attribut ändert
          beim span-Element leider nichts:

          Das sagte ich schon in https://forum.selfhtml.org/?t=164739&m=1074019. Auch was du tun könntest, ist darin angedeutet.

          Live long and prosper,
          Gunnar

          PS: Unterlasse Mehrfachpostings! Einmal reicht.

          --
          „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
      3. http://css.talky.de/text.php#sample sollte helfen.

        Ich habe übrigens line-height gemeint.
        Damit kann man die Zeilenhöhe beeinflussen.

        Herzlichen Dank für die Antwort. Das "line-height" Attribut ändert
        beim span-Element leider nichts:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html><head><title>test</title></head>
        <body>
        <div style="width: 350px; font-size:50px;">
        test test test test test test test
        <span style="font-size:10px; line-height:10px;">
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        test test test test test test test test test test
        </span>
        </div>
        </body>
        </html>