[actimel]

Ich brauche dringend eure Hilfe!
Ich habe die News-Extension eingebunden und die News werden mir auch angezeigt. Jetzt habe ich die "default CSS-Styles (tt_news)" eingefügt und die Anzeige ist im IE7 OK, aber im Firefox sehe ich nur dieses Gewusel:



Was mache ich da falsch?
Und wie binde ich eine eigene CSS-Datei für die News-Extension ein?

[actimel]

Hat keiner eine Idee?

[elRichi]

habe genau selbes problem.... im IExplorer siehts wunderbar aus, im Firefox jedoch werden wie beim theadersteller die list items außerhalb des list containers dargestellt und übereinander "gelappt" ......

HELFT UNS BITTE!!?? *fleh*


actimel du kannst deine eigene css natürlich einbinden, wie das geht wird hier in der extension manual beschrieben: typo3.org: Documentation: News (EXT: news)


/edit ich sehe du hast dein problem gelöst, wie?

[elRichi]

So habs nun mit Tip vom Herrn Cybersmog lösen können.

Für Interessierte:

Das Problem finden wir im css der tt_news

ursprüngliche CSS (bei mir zumindest, pardon, aber kann mich nicht erinnern ob das die original css der extension ist)

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

ersetzen mit

.news-list-item {
    height: auto;
    padding:3px;
    margin:3px;
    border:1px solid #666;
    background-color:#FFFFFF;
}

et voila... die Anzeige im Firefox und IE 7.0 ist die selbe



Noch ein Tip vom Moderator Cybersmog solltet ihr grundsätzlich Probleme mit der CSS haben:

Es gibt die Extension Firebug für Firefox mit welche ihr euer css file untersuchen könnt sowie direkt abändern und ihre Auswirkungen "live" am Bildschirm betrachten könnt, ohne direkt euer css file umzuschreiben.
Echt ein feines Tool, sehr zu empfehlen!

[josDesign]

Jaja... man sollte sich auch das Plugin-Repository des Firefox angucken!!! Da gibts so manches nettes Tool

BTW: Verschieb das ganze mal dann aber in CSS

[actimel]

Jepp! Das hat bei mir auch geholfen.

aber ich hab wohl irgendwie verpennt ne Lösung hier reinzubauen

Sorry

[etux]

Hallo,
tt_news und deren CSS-Datei kenne ich nicht. Es wird aber schon seinen Grund gehabt haben, bei der „news-list-item“-Klasse einen Hack einzubauen. Das es ohne den Hack in IE7 funktioniert glaube ich, wird mich aber wundern, wenn es auch in den IEs kleiner 7 genau so tut.
Das hier ist kein Hack:

Zitat von elRichi

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

Eher so ( nur Beispiel ) :

.news-list-item {
    height: auto;
    padding:3px;
    margin:3px;
    border:1px solid #666;
    background-color:#FFFFFF;
}


* html .news-list-item {
    /* IE hack */
    height: 1%;
    line-height: 1.3;
    /* IE hack end */
}

Grüße: Emil