Contao-Camp 2024
Ergebnis 1 bis 3 von 3

Thema: ce_text: Überschriften mit unterschiedlicher Zeilenzahl verursachen Höhenversatz

  1. #1
    Contao-Nutzer
    Registriert seit
    15.12.2012.
    Beiträge
    121

    Standard ce_text: Überschriften mit unterschiedlicher Zeilenzahl verursachen Höhenversatz

    Hallo zusammen,

    angenommen, es wurden zwei gewöhnliche Artikel horizontal nebeneinander positioniert. Beide Artikel beinhalten je eine Überschrift mit einem Bild bzw. eine Überschrift mit einem Textblock.

    Die Überschrift des linken Artikels nimmt nur eine Zeile in Anspruch, die Überschrift des rechten Artikels hingegen (aufgrund größerer Wortzahl) zwei Zeilen.

    Leider verursachen die unterschiedlichen Höhen der beiden Überschriften-DIVs nun einen vertikalen Versatz der nachfolgenden Textblöcke. Die Texte vom linken und vom rechten Artikelelement beginnen also nicht mehr auf der selben Höhe, was kosmetisch störend sein kann.

    screenshot2.png

    Wie kann denn das Inhaltselement angepasst werden, so dass der eigentliche Content des linken Artikels auf der gleichen Höhe wie der des rechten beginnt?

    Natürlich könnte man einfach allen Überschriften eine gewisse Mindesthöhe zuweisen (.ce_text h2 {height:2em;}), doch wäre dieser große Abstand dann im Falle von lediglich einzeiligen Überschriften hardcodiert und würde eine große Lücke verursachen.

    Besten Dank im Voraus!

  2. #2
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    828

    Standard

    Das ist ja kein Contao Problem
    Natürlich könnte man einfach allen Überschriften eine gewisse Mindesthöhe zuweisen
    Wie denn sonst? Wobei wenn Du schon Mindesthöhe schreibst dann mach doch min-height:2em; z.B. und vielleicht nicht auf alle h2 in ce_text anwenden, an anderer Stelle könnte das wieder stören

  3. #3
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich denke, das ist auch per CSS-Subgrid und Implicit Rows lösbar.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •