Klein0r
Erfahrenes Mitglied
Hallo zusammen,
es gibt ja die möglichkeit CSS-Dateien für verschiedene Anwendungszwecke zu laden (anzeigen, drucken, ...).
Jetz habe ich das Problem das im IE 6 (unbedingt der 6er - kein anderer Browser bitte) anscheinend nur eine Variante wirklich verstanden wird. Und zwar die Definition direkt in der HTML-Seite via:
zusätzlich zum normalen CSS-Pfad.
Ich würde aber nun gerne alles in einer Datei haben.
Dazu gibt es eine main.css. Diese sieht bisher so aus:
Allerdings funktioniert weder dieser Versuch alles in einer Datei unter zu bringen:
noch:
oder:
oder sogar:
Das sollten ja so ziemlich alle Möglichkeiten alles in eine CSS-Datei zu packen.
Aber nichts geht.
Kann das IE 6 das einfach nicht?
Oder was mache ich falsch?
lg
es gibt ja die möglichkeit CSS-Dateien für verschiedene Anwendungszwecke zu laden (anzeigen, drucken, ...).
Jetz habe ich das Problem das im IE 6 (unbedingt der 6er - kein anderer Browser bitte) anscheinend nur eine Variante wirklich verstanden wird. Und zwar die Definition direkt in der HTML-Seite via:
Code:
<link rel="stylesheet" type="text/css" media="print" href="../stylesheet/print.css">
Ich würde aber nun gerne alles in einer Datei haben.
Dazu gibt es eine main.css. Diese sieht bisher so aus:
Code:
@import './screen/1.css';
@import './screen/2.css';
@import './screen/3.css';
@import './screen/4.css';
Allerdings funktioniert weder dieser Versuch alles in einer Datei unter zu bringen:
Code:
@import './screen/1.css' screen;
@import './screen/2.css' screen;
@import './screen/3.css' screen;
@import './screen/4.css' screen;
@import './print/1.css' print;
@import './print/2.css' print;
@import './print/3.css' print;
@import './print/4.css' print;
noch:
Code:
@import url('./screen/1.css') screen;
@import url('./screen/2.css') screen;
@import url('./screen/3.css') screen;
@import url('./screen/4.css') screen;
@import url('./print/1.css') print;
@import url('./print/2.css') print;
@import url('./print/3.css') print;
@import url('./print/4.css') print;
oder:
Code:
@media screen {
@import './screen/1.css';
@import './screen/2.css';
@import './screen/3.css';
@import './screen/4.css';
}
@media print {
@import './print/1.css';
@import './print/2.css';
@import './print/3.css';
@import './print/4.css';
}
oder sogar:
Code:
@media screen {
@import url('./screen/1.css');
@import url('./screen/2.css');
@import url('./screen/3.css');
@import url('./screen/4.css');
}
@media print {
@import url('./print/1.css');
@import url('./print/2.css');
@import url('./print/3.css');
@import url('./print/4.css');
}
Das sollten ja so ziemlich alle Möglichkeiten alles in eine CSS-Datei zu packen.
Aber nichts geht.
Kann das IE 6 das einfach nicht?
Oder was mache ich falsch?
lg