Die Button box musst du dann dem entsprechend auch nach untern verschieben.
Ich müsste mir das die Tage in Ruhe an sehen dann kann ich dir sagen wie das am besten möglich ist

So ich habe mir das ganze jetzt mal abgesehen. Jedoch muss ich sagen das dies nicht wirklich umsetzbar ist. Mit einer festen Höhe. Da in der box unterschiedlich viel drinnen sein kann und selbst wenn ich es abschneiden würde es das Problem auftreten wird das der Text bzw. der Inhalt an einer Stelle nachher abgeschnitten werden würd an der es überhaupt nicht passt.
Du könntest es zwar umsetzten aber ich kann dir versichern das du damit nicht zufrieden sein würdest

Die Länge ist nicht ausschlaggebend, sondern auch die BB-Codes
Sowie die Absätze etc.
Da bringt die Zeichenlänge nichts.

Du könntest die Höhe mit Javascript anpassen:

https://www.impressivewebs.com…-javascript-full-version/

http://codepen.io/micahgodbolt/pen/FgqLc

Dann ist es egal wie lang der Text ist.

Das ist relative richtig, aber trotzdem würde der Text an einigen Stellen nicht richtig angezeigt werden
Dort wo er abgeschnitten werden würde.
Das der Text sofern er zulang ist in der Mitte abgeschnitten wird, da kann man es auch per CSS machen

Den Text sollte man nicht per CSS "abscheiden", wenn dann nur per Zeichenlänge begrenzen. Das Problem sind die verschiedenen Browser und Betriebssysteme, die rendern Zeichengrößen und Zeilenanstände unterschiedlich deswegen kann es passieren das man die letzte Zeile in der Box in der Höhe um die Hälfte abschneidet, das sieht dann so aus:

Also wenn dann wäre eine Zeichenbegrenzung plus eine automatische Höhenanpassung am sinnvollsten, nur so kann man sicher stellen das auch alle Zeichen immer vollständig dargestellt werden. Das geht per CSS nicht.

Warum baust du nicht so ein kleines Script für die zweispaltige Darstellung ein? Das wäre eigentlich für das Newssystem eine gute Lösung um die Boxen mit selber Höhe pro Zeile darzustellen.

Im Viecodeshop wird ja das hier verwendet:

http://brm.io/jquery-match-height/

Aber es gibt kleinere Scripte die genau so gut funktionieren.

Oder du baust die zweispaltige Darstellung auf Flexbox um, hier gibt es eine Lösung mit JS-Fallback:

https://osvaldas.info/flexbox-…-with-javascript-fallback

Das ganze du entweder darüber machen wäre dann relative einfach so umsetzbar.
Die Datei im Anhang herunterladen und in das Verzeichnis news/js hochladen.

<script src="{@$__wcf->getPath('news')}js/jquery.matchHeight.js"></script>
<script data-relocate="true">
        //<![CDATA[
        $(function () {
            $('.newsList > li .message .messageContent .messageBody > div').matchHeight({
                byRow: true,
                property: 'height',
                target: null,
                remove: false
            });
        });
        //]]>
    </script>

Den Code in das Template headInclude einfügen
bei den folgenden Zeilen

{* DEPRECATED -- PLEASE USE javascriptInclude@headIncludeJavaScript *}
{event name='javascriptInclude'}

Einfach darunter

und das hier in den Style

.newsList > li .message .messageContent > div .messageBody > div{
	height: 200px;
}

Die 200px kannst du dann anpassen.
Damit sollte die Box dann immer gleich groß sein

Zitat von Cyperghost

und das hier in den Style

.newsList > li .message .messageContent > div .messageBody > div{
height: 200px;
} Die 200px kannst du dann anpassen.
Damit sollte die Box dann immer gleich groß sein

Alles anzeigen

Ahoi,

ich hab das so gelöst:

/* ### News feste Höhe ### */
@media (min-width: 801px){
.message.messageReduced .messageContent {
    border-radius: 1px;
	height: 250px !important;
	}
}

Nehme ich .newsList > li .message .messageContent > div .messageBody > div, dann wird nur die Box mit dem Text auf die Höhe von 200px gesetzt.
Sobald die Überschrift dann über 2 Reihen geht, verschiebt sich wieder alles. Nehme ich .message.messageReduced .messageContent, dann ist die komplette Box, inkl. Überschrift auf die gewünschte Höhe gesetzt.
Man muss dann natürlich mit der Zeichenzahl etwas probieren.

Gruß

Thorsten