Der Martin: Grundlinienausrichtung verschiedener Schriftgrößen

Beitrag lesen

Hallo,

Dann wäre mein erster Gedanke, trotz unterschiedlicher Schriftgröße der beiden Überschriften deren line-height auf denselben Wert zu setzen.

Der erste Gedanke ist nicht immer der beste. Hier ist es ein schlechter. Gleich wieder verwerfen!

aber bitte nicht, solange dein Alternativvorschlag auch nicht besser ist. Mit meinem Ansatz über line-height erreiche ich, dass zumindest die Zeilenboxen der beiden Überschriften gleich hoch sind, während du das durch berechnetes(!) padding zu erreichen versuchst, das auch noch mit Fingerspitzengefühl auf padding-top und padding-bottom verteilt werden muss. Damit die Grundlinie wirklich fluchtet, ist bei deiner Lösung auch Probieren angesagt - mit dem Risiko, dass es bei leicht abweichenden Umgebungsbedingungen nicht mehr sauber passt. Also auch nicht wirklich eine Lösung, nur ein etwas komplizierterer Lösungsansatz.

So long,
 Martin

0 45

Grundlinienausrichtung verschiedener Schriftgrößen

Kerstin83
  • browser
  1. 0
    Der Martin
    • css
    1. 0
      Kerstin83
    2. 0
      Gunnar Bittersmann
      1. 0
        Der Martin
        1. 0
          Gunnar Bittersmann
  2. 0
    Gunnar Bittersmann
    • css
    • typografie
    1. 0
      Gunnar Bittersmann
      1. 0
        Kerstin83
        1. 1
          Kerstin83
          1. 0
            Gunnar Bittersmann
            • css
            • zu diesem forum
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
            2. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  Matthias Apsel
                  1. 0
                    Gunnar Bittersmann
                    • menschelei
                    • zu diesem forum
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        • menschelei
                    2. 1
                      Gunnar Bittersmann
                      • zu diesem forum
                2. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Der Martin
                      1. 0
                        Gunnar Bittersmann
                        • menschelei
        2. 1
          MrMurphy1
          1. 0
            Kerstin83
          2. 0
            Der Martin
          3. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
        3. 0
          Gunnar Bittersmann
          • css
          • html
      2. 1
        Matthias Apsel
        1. 0
          Gunnar Bittersmann
  3. 1
    Kerstin83
    1. 0
      Tabellenkalk
      • zu diesem forum
      1. 0
        Kerstin83
        1. 0
          Matthias Apsel
        2. 0
          Tabellenkalk
          1. 0
            Kerstin83
            1. 0
              Gunnar Bittersmann
        3. 0
          Gunnar Bittersmann
          1. 0
            Kerstin83
            1. 0
              Gunnar Bittersmann
        4. 0
          Der Martin
          1. 0
            Matthias Apsel
            1. 0
              Christian Kruse