---
title: "CSS für news-list3"
url: "https://www.typo3.net/d/109880-css-fuer-news-list3"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","tt_news"]
created: "2012-03-20"
last_reply: "2012-03-26"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---
# CSS für news-list3
Extensions · 1 Antwort · gestartet 2012-03-20
## Eröffnungsbeitrag
**scherpa747** · 2012-03-20 · [Beitrag #1](https://www.typo3.net/d/109880-css-fuer-news-list3/1)
Hallo,
ich habe das Problem, dass in der Darstellung von news-list3-item, die Kategorie-Angabe nach links verrutscht, wenn die linke News kürzer ist als die rechte.
Als Work-Around hatte ich eine feste Höhe angegeben für list3-left, doch das ist nicht optimal.
Wie kann ich das denn lösen.
Ich habe gar keine Idee mehr.
Viele Grüße
Marianne
## Antworten
### [#2](https://www.typo3.net/d/109880-css-fuer-news-list3/2) · mexx91 · 2012-03-26
Hey,
.news-list3-item ist meiner Meinung nach ungünstig gestyled.
Kann mir jetzt nur schwer einen Überblick über dein ganzes CSS machen, aber
ich würde jede Nachrichtenbox gleich stylen, also die 47% bzw ca. 380px breite, variable Höhe
und dann per float: left zb dafür sorgen, dass immer 2 Boxen gerade nebeneinander passen.
Das sieht dann aber durch die unterschiedliche Höhe evtl. nicht schön aus.
Eine Alternative wäre eine jQuery Funktion die die Zeilen Zählt und dafür sorgt,
dass der Teaser früher abgeschnitten wird, falls der Title mehrzeilig ist.
Sodass du dann automatisch immer die gleichen Zeilenanzhal generiert bekommst.
Das "Three Dots" Plugin
Hatte mir auch mal gute Dienste geleistet, damit kommst du vielleicht hin.
Oder die Breite der rechten Box auch auf 47% und margin-left: 47% in etwa, aber dann musste noch bzgl Hintergrundfarbe und so dein Style anpassen. Aber das og. Problem von dir wäre behoben. (Einfachster Weg glaube ich).
Gruß Mexx
---
Quelle: „CSS für news-list3“, typo3.net, https://www.typo3.net/d/109880-css-fuer-news-list3
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.