Hallo alle zusammen,
ich würde mir gerne vier News (bestehend aus einem Bild oben und etwas Text darunter - auf hellgrauem hintergrund) nebeneinander packen. Das Problem ist, dass bei Responsivität der Text bei der einen News etwas länger sein kann, als bei der anderen. Dadurch würde der Teaser-Text eine Zeile mehr bekommen. Mit grauem Hintergrund sieht das dann unschön aus, wenn eine News länger ist, als die andere. Meine Idee deshalb: Ich packe die News in Spalten, ähnlich, wie in dem folgenden Beispiel.
.newsgrid{
display: table;
width: 100%;
}
.eventspalte{
width:50%;
display:table-cell;
border:none;
background-color:#eeeeee;
}
<div class="eventgrid">
<div class="eventspalte">
Das ist ein Testtext.
</div>
<div class="eventspalte">
Das ist ein Testtext daneben
</div>
</div>
Das Beispiel funktioniert prima. Aber wenn ich mir in die meine News-File "list.html" und "item.html" Klassen einbaue, die auch gelesen werden, um jede einzelne News zu erfassen, dann geht das nicht.
Hat jemand eine Idee, wie ich das bewerkstelligen kann, und wo ich ggf. etwas einzutragen habe?
Schöne Grüße
Sunny