Boxeninhalte mit gleicher Höhe

Scorcho

Hallo

ich fux mich gerade in eine WP Seite ein: https://projects.chairlines.de/wege/sb/

Bei den Boxen unter Aktuell sieht man, dass z.Bsp. die Überschriften eine unterschiedliche Höhe haben. Per CSS ist da allerdings nichts vorgegeben. Im Debugger kann man genau sehen, dass die h3 in Box 2 ein wenig mehr Höhe besitzt als in Box 1, k.A. warum ?? Im Editor gibt es keine Formatierungen.

Demnach verschiebt sich auch der Inhalt des Auszugs nach unten und das sieht ingesamt unschön aus. Jemand eine Ahnung?

Grüße
Scorcho

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

splendid-text-u-webdesign

Hallo,
das liegt daran, dass die Elemente im flex-box-Verfahren angeordnet sind. Um Dein Problem zu beheben müsstest Du lediglich Folgendes machen:

blogList__item {
align-items: flex-start;
}

rantanplan2000

Am besten mit Kit:

Code

-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;

Scorcho

Ja gut, das hatte ich auch schon ausprobiert, nur sind dann halt die Boxen (li) unterschiedlich groß. Im Grunde suche ich eine Möglichkeit, dass:

1. jede Box (li) gleich groß ist
2. Beitragsbild, Überschrift, Auszug und der Mehr Lesen Link jeweils in gleicher Höhe beginnen

Habe nun endliche Varianten durch und sehe mittlerweile den Wald vor lauter Bäumen nicht mehr. Bin fast der Meinung, nur mit reinem CSS wird das nix ...

rantanplan2000

display: table schon probiert?
ansonsten mit jquery (equal height).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Boxeninhalte mit gleicher Höhe

Jetzt mitmachen!