[Brainbug80]

Hiho,

ich hab das Problem, dass ich 2 verschiedene CSS-Layouts benötige. Und zwar eins für den IE 7 und eins für alle anderen.

Wie bekomme ich das hin? Ich habs schon mit

<link href="layout1.css" rel="stylesheet" type="text/css"> <!--[if IE 7]><link href="layout2.css" rel="stylesheet" type="text/css"><![endif]-->

und auch schon mit

<link href="layout1.css" rel="stylesheet" type="text/css"> <!--[if lt IE 7]><link href="layout2.css" rel="stylesheet" type="text/css"><![endif]-->

probiert, aber es klappt nicht. :sad:

Ich hoffe, ihr könnt mir da weiterhelfen.

Gruß,
Tobias

[Cybersmog]

Im zweiten HTML Beispiel müsstest du die CSS Dateien vertauschen, denn mit lt prüfst du kleinere Versionen ab (less than).

Siehe auch hier:
About Conditional Comments

Gruß
Peter

[Brainbug80]

Danke schonmal für deine Hilfe, aber die Layoutnummern sind mir eigentlich relativ egal (hätte ich vielleicht noch hinschreiben sollen). Der interpretiert weder die erste noch die zweite Variante richtig bzw. er interpretiert weder die eine noch die andere überhaupt. Er übergeht diesen Befehl einfach komplett.

Er macht nur etwas, wenn ich

<link href="layout1.css" rel="stylesheet" type="text/css"> <!--[if IE]><link href="layout2.css" rel="stylesheet" type="text/css"><![endif]-->

schreibe, dann aber natürlich für alle IEs. :sad:
Ich möchte aber, dass nur für die IE-Versionen kleiner als 7 noch zusätzlich ein anderes CSS eingebunden wird. (Wie gesagt, auf die Namen der CSS kommts mir hier nicht an :P)

[Cybersmog]

Mit welchem Browser testet du denn? Ich hab das gerade erst letzte Tage so eingebaut:

<!--[if IE]> <link rel="stylesheet" type="text/css" href="/fileadmin/styles/ie.css" /> <![endif]--> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="/fileadmin/styles/ie6.css" /> <![endif]-->

Gruß
Peter

[Brainbug80]

Ich teste mit Firefox 2.0.0.3, IE 6 und IE 7.
Das allgemeine Layout wird mit

Typoscript-Code:

1:	page.stylesheet = fileadmin/layout.css

eingebunden.
Nun soll der IE6 noch eine weitere CSS-Datei zum Fressen bekommen, da er das eigentliche Layout nicht kapiert. Habs so versucht:

Typoscript-Code:

1: 2:

page.headerData.10 = TEXT page.headerData.value = <!--[if IE 6]><link href="fileadmin/layout_ie.css" rel="stylesheet" type="text/css"><![endif]-->

Hat ja bekanntlich nicht funktioniert.
Allerdings wird mir der Quellcode schon korrekt angezeigt, also geschrieben wird die Zeile schon, nur eben nicht wirklich verstanden.

Ich habe mir Multiple-IE von hier runtergeladen, damit ich auch ne 6er Version testen kann. Kanns daran liegen?
Wenn ich beim IE6 auf "Help" und dann auf "About" klicke, sagt er mir, dass es ne 7.0er Version sei. Aber er interpretiert die Befehle nicht gerade wie ein 7er.

[6uellerBelästigungspanda]

also ich mach das über die conditions im ts:

[version = > 5][browser = msie]
page.stylesheet = fileadmin/msie_5.css
[end]

[Cybersmog]

Ich glaube, ich weiß was der Fehler bei dir ist. Schau dir mal in deinem Quelltext die Reihenfolge der CSS Dateien an. Ich vermute mal, dass erst deine Conditions geladen werden und erst zum Schluss das eigentliche Stylesheet. Damit wären die speziellen IE Anpassungen aber wieder überschrieben. Du wirst also ziemlich sicher die Ladereihenfolge der StyleSheets ändern müssen.

Gruß
Peter

[Brainbug80]

@6uellerBelästigungspanda: das klappt leider auch nicht :sad:

@Cybersmog: Ich habs jetzt mal mit ner anderen Methode versucht. Und zwar hab ich das Stylesheet nicht mit

Typoscript-Code:

1:	page.stylesheet = fileadmin/layout.css

eingebunden, sondern folgendermaßen:

page.headerData.10 = TEXT
page.headerData.10.value = <link href="fileadmin/layout.css" rel="stylesheet" type="text/css">

page.headerData.15 = TEXT
page.headerData.15.value = <!--[if lte IE 6]><link href="fileadmin/layout_ie.css" rel="stylesheet" type="text/css"><![endif]-->

So sollte ja eigentlich "layout.css" für alle Browser eingebunden werden und speziell für alle IEs <= 6 das zusätzliche Stylesheet "layout_ie.css".
Leider wird die Abfrage irgendwie immer noch nicht durchgeführt. Nur die Abfrage nach IE allgemein klappt ( [if IE] ). Dann allerdings auch für den IE 7.

Edit:
hier mal der Quelltext, der erzeugt wird:

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->

	<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_71e56952f4.css" />
        <link href="fileadmin/stylesheet.css" rel="stylesheet" type="text/css" />
        <!--[if IE]><link href="fileadmin/stylesheet_ie.css" rel="stylesheet" type="text/css" /><![endif]-->
        <script type="text/javascript" src="fileadmin/dheight_einzel.js"></script>
	<meta name="generator" content="TYPO3 4.0 CMS" />
	<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
</head>

Wie gesagt, mit [if IE lte 6] klappts nicht.

[6uellerBelästigungspanda]

da du ja eh nur 2 unterschiedliche stylesheets verwendest kannst du es auch so mal probieren:

[browser = msie]
page.stylesheet = fileadmin/msie5.css
[else]
page.stylesheet = fileadmin/firefox.css
[end]