Zum Inhalt springen

Meine CSS funktionieren nicht richtig

Erstellt am 22. Mai 2004 · 3 Antworten · letzte Antwort am 23. Mai 2004

Tags: HTML & CSS, Frage

Shinji ·

Hallo !

Ich führe hier einfach einmal das Thema Styles einer Extension deaktivieren weiter.

Also, ich habe hier eine Extension die im HTML-Code folgendes <div> um sich herum aufbaut:

<div class="tx-glwahlliste-pi1">......</div>

Jetzt habe ich in meiner externen css-Datei folgendes angegeben:

.tx-glwahlliste-pi1 {
        font-size: 13px;
	line-height: 18px;
}

Rufe ich die HTML Datei (Template für das Plugin) lokal auf meinem Rechner auf funktioniert alles einwandfrei. Mozilla und der IE stellen beide innerhalb des <div> die Schrift mit 13 Pixeln dar. Sobald ich mir das Plugin aber eingebunden auf der Seite ansehe wird die Schrift nur im IE mit 13 Pixeln angezeigt. Der Mozilla / Firebird zeigt mir eine Standardschrift an. Ich muss für den Mozilla dann für JEDES <td> Tag der Tabelle die Klasse tx-glwahlliste-pi1 angeben. Das ist ziemlich dämlich.

Ich vermute das TYPO3 einfach was an den Styles ändert oder überschreibt. Ich benutze TYPO3.6.1 mit installiertem "css styled content".

Eventuell liegt es an der Config für mein Template?
Ich habe in "Include Static" folgendes drin:

content (default)
styles.content (default)
styles.sitemap.gs
cset (default)
cset stylesheet
plugin.alt.print

und unter "Include Static from extension":

Newsletter supscription

Das Stylesheet binde ich mit

content.stylesheet.file = fileadmin/formate.css

im Template ein.

Muss ich ich das "cset stylesheet" rausnehmen und unter "...from extension" das "css styled content" einfügen? Aber wenn ich das mache zerstört es mein ganzes Layout. :-(

Weil bisher (unter TYPO3.5) lief alles einwandfrei.

Gruß
Thorsten

Unbekannter Benutzer ·

Hast Du Dir mal den Doctype Deiner Typo3 Seite angesehen? Ein neu gesetzter Doctype (über die Extension Code Optimization) hat bei mir die Formatierungsprobleme behoben.

Viele Grüße!
Niki

Shinji ·

Da steht:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Moment..... tatsächlich. Wenn ich in mein Template die Zeile oben einfüge geht es auch nicht richtig. Scheinbar ist Mozilla da etwas empfindlich (durchaus positiv !).

"Extension Code Optimization" ?
Wo finde ich die denn?

Gruß
Thorsten

Unbekannter Benutzer ·

Im Extension Repository von typo3.org (Erweiterungsmanager von typo3 nutzen).

Aber aufpassen, die Extension hat auch noch einige mehr Effekte. Guck mal hier im Forum nach doctype, Du kannst diesen entweder über die o.g. Extension individuell definieren (was ich in meinem Fall gemacht habe) oder zwischen ein paar in typo3 standardmässig enthaltenen doctypes auswählen.

Viele Grüße
Niki