Der Martin: Grundlinienausrichtung verschiedener Schriftgrößen

Beitrag lesen

Moin,

Ich habe zwei nebeneinander liegende div-Container in denen jeweils eine Überschrift ist, die jedoch verschiedene Größen haben. Diese beiden Überschriften möchte ich gerne vertikal so ausrichten, dass sie an einer gemeinsamen Grundlinie fluchten.

ich setze aber mal voraus, dass die Oberkante der beiden Container sauber in einer Flucht, d.h. auf gleicher Höhe liegt? Sonst wird es zur bösen Fummelei.

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

Irgendwas mit padding und margin hinzudipsen funktioniert einigermassen.

Ja, vielleicht - aber das ist dann Glückssache, weil ...

[...] wenn im Browser z.B. eine Schrift fehlt und durch eine andere ersetzt wird.

Oder wenn der Besucher in seinem Browser eine ungewöhnlich große Mindestschrftgröße eingestellt hat. Oder einen Zoomfaktor deutlich abweichend von 100%.

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