Zum Inhalt springen

Wo CSS einfügen zur Browseranpassung?

Erstellt am 26. September 2007 · 8 Antworten · letzte Antwort am 27. September 2007

Tags: Frage

Dinchen21 ·

Hallo zusammen,

ich möchte gerne meine Webseite an den IE6 / IE7 anpassen und habe dazu eine CSS definiert.

Nur wo genau muss ich diese CSS in meinem Typoscript einfügen?
Wenn ich es so mache (siehe Code) dann wird gar nichts mehr angezeigt, also stehe dann vor einer leeren Seite. o.O

Vielleicht ist die Bezeichnung (headerData.600) falsch?

Hier mein TS:

.....
page.config.language = de

page = PAGE 
 page {
  typeNum = 0
  stylesheet = fileadmin/style.css

  headerData.600 = TEXT
  headerData.600.value (

	<!--[if IE 6]>
	<style type="text/css">
	
        h3
        {
	...
	}
        ...
	
        </style>
        <![endif]-->

        <!--[if IE 7]>
        <style type="text/css">
        ...
        </style>
        <![endif]-->
  
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/designvorlage.html
  
  10.marks {
.....

Hoffe Ihr könnt mir da weiterhelfen.
Bin für jeden Rat dankbar.

Gruß Dinchen

Dinchen21 ·

Hallo,

leider haben meine Änderungen noch nichts bewirkt o.O
Ich habe folgendes in mein TS eingebaut:

...
page = PAGE 
 page {
  typeNum = 0
  
  #Main-CSS einbinden
  stylesheet = fileadmin/css/main.css
  
  #CSS für IE6 verwenden
  [browser = msie] && [version =< 6.9]
  stylesheet = fileadmin/css/ie6.css
  [END]

  #CSS für IE7 verwenden
  [browser = msie] && [version => 7.0]
  stylesheet = fileadmin/css/ie7.css
  [END]

...

Die CSS-Dateien liegen auch alle im richtigen Ordner.
Wenn ich in den Quellcode (vom Mozilla) schaue steht dort:

<link rel="stylesheet" type="text/css"
href="typo3temp/stylesheet_4242d28015.css" />
<link rel="stylesheet" type="text/css" href="fileadmin/css/ie7.css" />
<title>...

Und im IE6 wird das selbe angezeigt.
(Vor den Änderungen stand anstelle von ie7.css --> main.css)

Habe ich da etwas vergessen?
Vielen Dank!

Gruß

Dinchen21 ·

Hab im Typoscript Object Browser nachgeschaut und dort steht folgendes:

2: Line 1997: Object Name String, "[browser" contains invalid character "[". Must be alphanumeric or one of: "_-."
2: Line 1999: Object Name String, "[END]" contains invalid character "[". Must be alphanumeric or one of: "_-."
2: Line 2002: Object Name String, "[browser" contains invalid character "[". Must be alphanumeric or one of: "_-."
2: Line 2004: Object Name String, "[END]" contains invalid character "[". Must be alphanumeric or one of: "_-."

Gibt es eine Möglichkeit die Abfrage auch anders zu formulieren?

Danke.
Gruß Dinchen

Michaelh74 ·

zum 10.000 mal. KEINE Conditions innerhalb geschweifter Klammern. #paralyzed#

Sorry, aber ich schreib das jetzt schon sooo oft - und nicht nur ich 😉

Also aus den Klammern raus nehmen und dann so schreiben:

[browser = msie] && [version =< 6.9]
page.stylesheet = fileadmin/css/ie6.css
[END]

Bin mir da nicht 100% sicher, aber ich würde statt [END] eher [GLOBAL] nehmen.

Gruß
Michael

Dinchen21 ·

Hallo Michael,

vielen Dank für deine Antwort.
Leider hab ich immer noch keine guten Nachrichten o.O
Es geht immer noch nicht...das kann ja net sein...

Also die Fehlermeldung im Typoscript Object Browser ist nicht mehr vorhanden.
Wenn ich in den Quellcode vom IE6 oder Mozilla gehe verwenden beide die gleiche CSS!

<link rel="stylesheet" type="text/css" href="fileadmin/css/main.css" />

Habe wie du gesagt hast den Code aus den geschweiften Klammern raus
und an den Anfang gesetzt.

Des weiteren habe ich auch alle Varianten ducrh mit [GLOBAL], [global], [END].
Hat auch nichts gebracht.

Hab ich schon wieder was übersehen? #paralyzed#

Hier mein TS:

#CSS für IE6 verwenden
[browser = msie] && [version =< 6.9]
page.stylesheet = fileadmin/css/ie6.css
[GLOBAL]

#CSS für IE7 verwenden
[browser = msie] && [version => 7.0]
page.stylesheet = fileadmin/css/ie7.css
[GLOBAL]

config.doctype = xhtml_trans
config.xhtml_cleaning = all
config.htmlTag_langKey = de

config.sys_language_mode = content_fallback
config.sys_language_overlay = hideNonTranslated
config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
config.metaCharset = iso-8859-1
config.renderCharset = iso-8859-1

[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_EN
[global]

#indexed search (Suche)
page.config.index_enable = 1
page.config.index_externals = 1
page.config.language = de

page = PAGE
page {
...

Vielen Dank für deine Hilfe.

Gruß
Dinchen

einpraegsam.​net ·

typoscript ist eigentlich gar nicht so schwer:

Du setzt oben deine Abfrage aber unten drunter wird diese mit Sicherheit überschrieben => Conditions einfach ans Ende setzen

Dinchen21 ·

Hallo wunschtacho,

und nun funktionierts auch :o
Oh je, den Fehler werd ich nicht noch einmal machen.

Vielen Dank für Eure Geduld!

LG