tt_news - Darstellungsprobleme Mozilla Firefox

Hallo,

ich habe die neueste Version von typo3 und tt_news und habe ein Darstellungsproblem im Firefox.

Die News werden per LATEST in einem DIV Container dargestellt, im IE6 sieht alles top aus. Habe 3 Nachrichten die Ordnungsgemäß nacheinander angezeigt werden.

Im Mozilla Firefox wird diese Ansicht so verschoben, dass sich Nachrichtenteile überlagern. Sprich die oberste News steht richtig, die nächste beginnt schon, wenn die erste noch gar nicht beendet ist. Wie ich also sagte, findet eine Überlagerung statt.

Mich würde interessieren, ob ihr auch schonmal so ein Problem hattet und wie ich was im Template, Stylesheet oder TS definieren muss, dass Firefox alles korrekt macht.

Template-stelle wo der Marker der News steht.

...
<TD STYLE="width: 330px; padding-right:30px">
  <DIV ID="news" STYLE="width: 300px; overflow-y: auto;">
  <!--###NEWS_CONTENT### begin-->
  <!--###NEWS_CONTENT### end-->
  </DIV>
</TD>
...

Nun CSS poste ich hier erstmal nicht, weil is ne Menge und was die NEwsdarstellung angeht, so ziemlich das Original, genauso wie das eigentliche Newstemplate für LATEST NEWS.

ich hoffe es hat jemand ne Idee, wie gesagt im IE alles super, Firefox meckert (*keine Ahnung wie alle nur behaupten können, das wäre der beste Browser :p*)

niemand eine idee? :-(

Moin,

es ist von Vorteil, wenn man mal die ganze Seite samt CSS sehen könnte.

Armin

Benutzt Du das CSS Template und default styles? Da findet sich das hier:

.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#DDEEFF;

Ich habe das height: 1%; gelöscht, dann hat's funktioniert. Muss dazu sagen, dass ich eine externe css-Datei über das Page-Template referenziert habe und nicht die default styles benutze.

Weiß jemand, was dieser "Hack" bezwecken soll? FF-user verschrecken? :p

Ich hatte das selbe Problem und habe es auf folgende Weise gelöst:

In der Datei typo3conf/ext/tt_news/res/tt_news_v2_styles.css steht ganz oben:

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;

}

clear:right; durch clear:both; ersetzen.