[CSS] @import vs @media

[Chaoslord]

Hallöchen zusammen,

ich möchte in CSS abhängig von der Größe des Browserfensters unterschiedliche CSS-Dateien importieren, was dann in etwa so aussehen soll:

@media screen and (min-width: 1000px) {
@import "big.css";
}
@media (max-width: 999px) {
@import "small.css";
}

Was aber nicht funktioniert, keine der beiden Datein wird geladen.
Und das obwohl die 'Einzelteile' funktionieren:

@media (min-width: 500px) {
#blau{
background-color: #000;
}
}

und:

@import "big.css";

Hab schon verschiedene Browser ausprobiert, es klappt bei keinem.

Hoffe ihr könnt mir helfen.

Vielen Dank im Voraus
C-Lord

[Jesus_666]

Kannst du den Import per HTML machen? Man kann ja in <link /> angeben, für welche Medien das Stylesheet geladen werden soll.

Ansonsten könntest du natürlich einfach dein @import medienspezifisch machen, wie im Standard vorgesehen (http://www.w3.org/TR/CSS2/cascade.html#at-import). Ich habe gerade nicht zur Hand, wie es mit Browserkompatibilität aussieht, aber CSS2 sollte mittlerweile gut genug verstanden sein, daß man es für alle Browser außer IE < 8 als unterstützt annehmen kann.