Ich hab das jetzt so gelöst um mehrere Größen abzudecken. Durch die Begrenzung der Zeichenanzahl im Vorschautext haben auch gleich alle News die gleiche Höhe
CSS
/* News feste Höhe */
@media (min-width: 801px){
.message.messageReduced .messageContent {
border-radius: 1px;
height: auto;
}
#tplCategoryList .message .messageContent .messageHeader {
height: 30px;
}
.messageHeadline {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 350px;
}
}
@media (min-width: 1279px){
.message.messageReduced .messageContent {
border-radius: 1px;
height: auto;
}
#tplCategoryList .message .messageContent .messageHeader {
height: 30px;
}
.messageHeadline {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 450px;
}
}
@media (min-width: 1600px){
.message.messageReduced .messageContent {
border-radius: 1px;
height: auto;
}
#tplCategoryList .message .messageContent .messageHeader {
height: 30px;
}
.messageHeadline {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 600px;
}
}
@media (min-width: 1900px){
.message.messageReduced .messageContent {
border-radius: 1px;
height: auto;
}
#tplCategoryList .message .messageContent .messageHeader {
height: 30px;
}
.messageHeadline {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 750px;
}
}
Alles anzeigen