Zum Inhalt springen

Browserabhängige CSS oder Browserabhängig Template laden

Erstellt am 15. September 2005 · 3 Antworten · letzte Antwort am 15. September 2005

Tags: Frage

aaron ·

Hallo

Mein Problem zeit der Screenshot:
http://www.aaron.de/test/screen.png

Oben ist die Ansicht in InternetExplorer zu sehen.
Darunter Firefox.

Wie ihr sehen könnt, ist der Abstand A sehr unterschiedlich !

Wie kann ich Browserabhängig CSS und Template laden.
Das Ganze ist durch die CSS alleine nicht zu korrigieren.
Innerhalb des setups muss ich auch Veränderungen vornehmen.

Ich muss irgendwie am Anfang den Browser abfragen und entsprechen die richtige CSS und Template laden.

Gruß und Thx
Aaron

theo ·
aaron schrieb

Ich muss irgendwie am Anfang den Browser abfragen und entsprechen die richtige CSS und Template laden.

Lies Dir das Kapitel CONDITIONS in der TS-Referenz durch.

aaron ·

Hi..

Habe eine Browserweiche gefunden und eingebaut.
Soweit alles ok..

Habe das Problem teilweise nicht richtig erklärt:
Unterhalb von Browserweiche ist Condition für Headerbilder zu sehen.

Folgende Zeile muss unter Browserabhängig verändert werden. "header.file.XY = 580, 120"

Ich IE muss ich 550 und in FireFox 580 eintragen.

Ich werde das ganze gleich mit eine "verschachtelte" Condition versuchen.

Gruß
Aaron

##################
# Browserweiche 
##################
tl = TEMPLATE
tl.template = FILE
tl.template.file = fileadmin/typo3_ie.html
[browser = netscape]
tl.template.file = fileadmin/typo3_ff.html
[global] 



###################
# Condition für Headerbilder
###################
headerimage = IMAGE
headerimage.file = fileadmin/images/0_h.gif
headerimage.file.width = 230
headerimage.file.height = 140
headerimage.wrap = <div id="bilder"|</div>

# Diese Bedingung überprüft, ob eine der Angaben in PIDinRootline eine Seiten-ID der rootline ist.

[PIDinRootline = 4]
             headerimage.file = fileadmin/images/0_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 5]
             headerimage.file = fileadmin/images/0_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 6]
             headerimage.file = fileadmin/images/4_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 7]
             headerimage.file = fileadmin/images/4_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 9]
             headerimage.file = fileadmin/images/0_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 10]
             headerimage.file = fileadmin/images/3_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 11]
             headerimage.file = fileadmin/images/3_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 12]
             headerimage.file = fileadmin/images/3_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 13]
             headerimage.file = fileadmin/images/1_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 16]
             headerimage.file = fileadmin/images/2_h.gif 
             header.file.XY = 580, 120
[PIDinRootline = 17]
             headerimage.file = fileadmin/images/3_h.gif 
             header.file.XY = 580, 120
[global]
aaron ·

Jep.. funktioniert:

#################
# Browserweiche + CSS
#################
tl = TEMPLATE
tl.template = FILE
# IE
tl.template.file = fileadmin/typo3_ie.html
stylesheet = fileadmin/typo3_css_ie.css
hf = 550, 120
# Firefox
[browser = netscape]
tl.template.file = fileadmin/typo3_ff.html
stylesheet = fileadmin/typo3_css_ff.css
hf = 580, 120
[global]

Gruß Aaron