Durch CSS-Probleme wie die zum Teil falsche Berechnung vom Box-Modell für <div>'s benutze ich gern folgende Methode, um für den IE eine alternative CSS-Datei einzubinden:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>XHTML</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<link rel="shortcut icon" href="img/favicon.ico" />
</head>
Kann ich TYPO3 beibringen, diesen <!--[if lte IE6]> Abschnitt nach den herkömmlichen Stylesheet-Einbindungen einzufügen?
[browser = msie]
page.includeCSS {
file1 = fileadmin/templates/ie.css
}
[END]
Du hast ja eh den DocType richtig gesetzt.
Wenn du beim Internetexplorer dann noch die XML-Deklaration nach den Doctype setzt sollte der IE wunderbar in den StandardsMode wechseln und (fast) alle CSS-Definitionen (inklusive Boxmodell) gleich dem Firefox anzeigen.
Dann brauchst du dir nicht die Arbeit mit browserspezifischen CSS-Files machen.
[browser = msie]
config.doctypeSwitch = 1
[END]
Die ie.css ist auch nur winzig und korrigiert z.B. Werte für background-position, die einfach unterschiedlich gehandhabt werden. Außerdem benutze ich die CSS-Angabe "behaviour", die nur der IE kennt. Für FF & Co. ist das intern ein DOM-Fehler... zwar ohne Ausgabe, aber es wird als "Fehler" eingestuft. Deshalb hätte ich da gern die strikte Trennung drin.
naja dann wirst du wohl mit der Browserweiche für den IE ein anderes/zusätzliches CSS einbinden müssen.
Funktioniert auch mit der Browser-Condition.