Div Container nebeneinander -> höhe an längsten Container ausrichten

    Ich habe ein Layout entwickelt mit 4 nebeneinanderstehenden Div-Containern. Nun möchte ich, dass alle Container sich in der Länge an dem längsten Container orientieren. Zu sehen ist das ganze auf folgender Seite:

    http://wp1082009.server-he.de/metallica-band/

    Sprich wenn der Text in einem Container bei einer bestimmten Bildschirmbreite nicht lang genug für den nächsten Zeilenumbruch ist, soll der graue Hintergrund trotzdem mit dem Container abschließen, der die längste Höhe hat.

    Ich hoffe das ist einigermaßen verständlich. Im Anhang hab ich den gewünschten Effekt mal illustriert. Kann mir jemand weiterhelfen?

    Besten Dank im Voraus!

    Hallo

    Mit Flexbox hast du die Lösung bereits an anderer Stelle angewandt.

    Den li-Elementen gibst du

    Code
    display: flex;
flex-direction: column;

    auf den Weg.

    Und den zweiten div (die haben wohl die Klasse metcamp_nav_item) innerhalb der li-Elemente

    Code
    flex: 1;

    Gruss

    MrMurphy