Browserabhaengige CSS files - Seite 2

**MistaD** · #11 13.06.07, 11:23

Schau doch einmal oben in den Post den ich gemacht habe, dort ist doch ein Beispiel drin, nur das du aus dem = dann eben nur >= machen musst. Damit in der Condition, der Browser den du dort abfragst auch ein eigenes CSS bekommt, muss die CSS Datei nun auch mit in die Condition rein. Teste doch einmal das Beispiel oben und pass es an.

Und wie Armin schon sagte, wie sieht denn dein TS aus?

tommy · #12 13.06.07, 11:47

ich check dass trotzdem nicht mit dem includeCSS

i habe ein template und 4 css files, keine ahnung wie ich im sage bei firefox nimm firefox.css, bei ie6 nimm ie6.css, bei ie7 nimm ie7.css, bei safari nimm safari.css.

hier der ts code von den constants:
//default css einbinden
temp.CSS = <link rel="stylesheet" href="filedamin/templates/css/firefox.css" type="text/css" />

//ie7
[version >= 7] AND [browser = msie]
temp.CSS = <link rel="stylesheet"href="filedamin/templates/css/firefox.css"type="text/css" />
<link rel="stylesheet" href="fileadmin/templates/css/ie7.css" type="text/css" />
[global]

hier der ts code vom setup:
page = PAGE
#page.stylesheet = fileadmin/templates/css/safari.css
page.headerData = COA
page.headerData {
5 = TEXT
5.value = {$temp.CSS}
}

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/index.html
workOnSubpart = BODY
marks.TEXT_LEFT <styles.content.get
marks.TEXT_RIGHT <styles.content.getRight
}

#[browser= msie][version= 7]
#page.10.template.file = fileadmin/templates/template_ie7.html
#[global]

page.10 {
marks.MENU = HMENU
marks.MENU.entryLevel = 0
marks.MENU.1 = GMENU

marks.MENU.1 {

NO {
XY = [10.w]+41, 80
backColor = #faf9f5
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/schriften/tahoma.ttf
10.fontColor = #e2001a
10.fontSize = 18
10.spacing = 1
10.align = center
10.offset = 0, 65
}

RO < .NO
RO = 1
RO {
backColor = #e2001a
10.fontColor = #faf9f5
}

ACT < .NO
ACT = 1
ACT {
backColor = #e2001a
10.fontColor = #faf9f5
}
}

##Dynamisches Bild einfügen

marks.IMAGE = COA
marks.IMAGE {

# HTML-Objekt

15 = HTML
15.value = <div id="bild"><img src="

# Bild

20 = IMG_RESOURCE
20 {
file.maxH = 277
file.maxW = 576
file.import=uploads/media/
file.import.data = levelmedia: -1, slide
file.import.listNum = 0
file.import.override.field = media

}

# HTML-Objekt

25 = HTML
25.value = " border="1">

}
}

danke

**MistaD** · #13 13.06.07, 11:57

Hallo,

die Conditions gehören ja auch nicht in die Constants.
Setz diese Condition:

Typoscript-Code:

1:
2:
3:
4:
5:

[browser = msie] && [version >= 7]
page.10.template.file = fileadmin/templates/template_ie7.html
page.includeCSS.file = filedamin/templates/css/ie7.css
page.includeCSS.media = screen
[global]

mit Anpassung an deine Pfade und Dateinamen. Schreib am Besten auch einfach DIREKT ins dein IE7 Template IE7, damit du siehst das er dieses aus nimmt.

Nimm die Condition oben (wichtig auch die weissen Zeilen oben und unten), kontrolliere die Pfade/Dateinamen und setz es ans Ende deines TS Setup und es sollte klappen.

Mit includeCSS gibt´s du der Condition dem Template halt nur ein EIGENES CSS mit, was du ja auch willst, damit du den/die Browser separat anpassen, steuern kannst, oder?

tommy · #14 13.06.07, 13:06

danke funktioniert aber auch nicht, habe jetzt die 8 zeilen aus den constants rausgelöscht, und im setup deinen code abgeaendert eingefuegt. nichts passiert.
er fuegt auch im quelltext keinen css ein.

muss ich nun fuer jeden css style ein eigenes template machen?

mein code:
[browser = msie] && [version >= 7]
page.5.template.file = fileadmin/templates/index.html
page.includeCSS.file = filedamin/templates/css/ie7.css
page.includeCSS.media = screen
[global]

ich will einfach dass meine website auf den 4 browsern (ie6 und ie7, firefox und safari) gleich ausschaut, die css files hab ich schon geschrieben, jetzt ist nur noch das einbinden und die browserabfrage das PROBLEM!!!

danke

**MistaD** · #15 13.06.07, 13:12

Dann nimm einmal das > vor dem = weg und teste mal es so.
Schreib in dein Template was rein an dem du es erkennst das es das für den IE7 ist.

Frage warum heisst dein Template index.html, wo ist das spezielle ie7 Template geblieben?
Oder heisst dein ie7 Template einfach nur index.html?

tommy · #16 13.06.07, 13:22

funktioniert auch ohne > nicht.

[browser = msie] && [version = 7]
page.5.template.file = fileadmin/templates/template_ie7.html
page.includeCSS.file = filedamin/templates/css/ie7.css
page.includeCSS.media = screen
[global]

ich habe eigentlich nur ein template das heisst index.html.
aber habe gerade template_ie7 erstellt und es markiert dass ich weis dass es ie7 ist.

kann es damit zu tun haben dass ich weiter unten diese zeilen habe

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/index.html
workOnSubpart = BODY
marks.TEXT_LEFT <styles.content.get
marks.TEXT_RIGHT <styles.content.getRight
}

**MistaD** · #17 13.06.07, 14:01

Die Condition sollte schon nach diesem TS kommen, denn sonst greift sie nicht.
Ich habe sie ans Ende gestellt.
Habe deine TS Angaben probiert (nur mit FireFox) und er nimmt auch das Template was ich zuweise nur die CSS Datei will er nicht...

tommy · #18 13.06.07, 14:14

page = PAGE
[browser = msie] && [version = 7]
page.5.template.file = fileadmin/templates/template_ie7.html
page.includeCSS.file = filedamin/templates/css/ie7.css
page.includeCSS.media = screen
[global]

// default css einbinden
temp.CSS = <link rel="stylesheet" href="firefox.css" type="text/css" />
// auf Version 7 abfragen
[version = >6] AND [browser = msie]
temp.CSS = <link rel="stylesheet" href="default.css" type="text/css" /><link rel="stylesheet" href="ie7.css" type="text/css" />

es funktioniert leider wieder nicht....

im firefox

Error!

The page is not configured! [type= 0][page]

im internet explorer 7 zeigt er die seite an jedoch ohne formatierung.

danke

**MistaD** · #19 13.06.07, 14:54

Zitat:

Zitat von tommy

page = PAGE
[browser = msie] && [version = 7]
page.5.template.file = fileadmin/templates/template_ie7.html
page.includeCSS.file = filedamin/templates/css/ie7.css
page.includeCSS.media = screen
[global]

// default css einbinden
temp.CSS = <link rel="stylesheet" href="firefox.css" type="text/css" />
// auf Version 7 abfragen
[version = >6] AND [browser = msie]
temp.CSS = <link rel="stylesheet" href="default.css" type="text/css" /><link rel="stylesheet" href="ie7.css" type="text/css" />

es funktioniert leider wieder nicht....

Hier geht es aber drunter und drüber...
Nicht die Conditon nach dem PAGE Objekt einsetzen... Oder hast du das nur zusammenkopiert, so KANN es jedenfalls nicht laufen.

Du hattest auch eine Klammer vergessen zu schliessen, habe dein TS mal getestet und so wie unten läuft es ohne Probleme mit IE7 und Firefox und der jeweiligen Templates, CSS.
page.typeNum = 0 hattest du auch vergessen zu setzen.

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/style.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/index.html
workOnSubpart = DOKUMENT
marks.TEXT_LEFT <styles.content.get
marks.TEXT_RIGHT <styles.content.getRight
}

page.10 {
marks.MENU = HMENU
marks.MENU.entryLevel = 0
marks.MENU.1 = GMENU

marks.MENU.1 {

NO {
XY = [10.w]+41, 80
backColor = #faf9f5
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/schriften/tahoma.ttf
10.fontColor = #e2001a
10.fontSize = 18
10.spacing = 1
10.align = center
10.offset = 0, 65
}

RO < .NO
RO = 1
RO {
backColor = #e2001a
10.fontColor = #faf9f5
}

ACT < .NO
ACT = 1
ACT {
backColor = #e2001a
10.fontColor = #faf9f5
}
}
##Dynamisches Bild einfügen

marks.IMAGE = COA
marks.IMAGE {

# HTML-Objekt

15 = HTML
15.value = <div id="bild"><img src="

# Bild

20 = IMG_RESOURCE
20 {
file.maxH = 277
file.maxW = 576
file.import=uploads/media/
file.import.data = levelmedia: -1, slide
file.import.listNum = 0
file.import.override.field = media
}
}
}

[browser = msie] && [version = 7]
page.10.template.file = fileadmin/template_ie7.html
page.includeCSS.file = fileadmin/ie7.css
page.includeCSS.media = screen
[global]

[useragent = *Firefox*]
page.10.template.file = fileadmin/template_firefox.html
page.includeCSS.file = fileadmin/firefox.css
page.includeCSS.media = screen
[global]

Teste das mal....

tommy · #20 13.06.07, 15:40

genial danke fuer deine hilfe!

jetzt hab ich noch 3 kleine fragen:
was bedeutet page.includeCSS.media = screen?
und was bedeutet page.typeNum = 0
und bei firefox und safari muss man dass so schreiben oder [useragent = *Safari*]?

vielen dank nochmals

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verschiedene CSS files für IE / FF	mip\|David	HTML & CSS	1	10.03.08 09:48
Files Downloaden	j393029	Alle anderen Extensions	0	16.02.08 23:07
quixplorer extract files 0 files	refalo	Alle anderen Extensions	3	16.06.07 10:26
HTML Files exportieren	d_mahony	TYPO3 4.x Fragen und Probleme	3	08.03.07 15:14
Extension Files ändern	carsten04	TYPO3 4.x Backend	1	28.11.06 19:48

Suche

Userpanel