sep. Stylesheets + @media

[Oliver Koepler]

Hallo,

ich arbeite gerade ein CSS Layout für den Ausdruck von HTML Seiten aus.
Implementiert werden soll das über separate CSS Dateien mittels

<link rel="stylesheet" media="screen" href="screen.css">
<link rel="stylesheet" media="print" href="print.css">

Nun habe ich aber ein Div Element, dass je nach individueller HTML Seite eine unterschiedliche Breite haben soll.
Bisher habe ich in diesem Fall die Formate der CSS Datei im HTLM Code mit <div style="width:70%;"> jeweils separat angepaßt.

Nun wollte ich diese Breite auch individuell für den Bildschirm und den Ausdruck anpassen. Also sozusagen <div style="width:70%;"> nochmals aufspalten in einen Wert für screen und print.

Eigentlich dachte ich, Einfügen der @media Anweisung würde das bewirken. Allerdings bleibt folgendes ergebnislos:

<link rel="stylesheet" media="screen" href="screen.css">
<link rel="stylesheet" media="print" href="print.css">
@media screen {
  div#speziell {width:70%;}
}
@media print {
 div#speziell {width:100%;}
}

Die Angaben von @media werden nicht berücksichtigt.
Kann man externe CSS Files nicht mit @media kombinieren?
Oder ist eine Ausgabemedium abhängige Definition im HTML Tag möglich? (wahrscheinlich nicht....)

[Oliver Koepler]

Na, verdammich doch.

Den Quelltext neu eingegeben. Andere Seite benutzt. Nu gehts ...