@media

[Tom]

Hello,

um die Seiten an un terschiedliche Ausgebemedien anzupassen gibt es doch

@media print
{
  /* ... Formatdefinitionen zum Drucken ... */
}
@media screen, handheld
{
  /* ... Formatdefinitionen zur Bildschirmausgabe ... */
}

Nun kam ich auf die Idee, das genau anders herum zu schachteln

body
{
  margin:10px;
  @media screen
  {
    text-align:center;
  }
  @media print
  {
    text-align:left;
    width:17cm;
  }

font-family: Garrison Light Sans, Century Gothic, Arial, sans-serif;
}

Was aber leider so nicht geht.
Wo kann ich denn etwas über die erlaubten Eltern-Kind-Beziehungen dieser CSS-Anweisungen finden?

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[nag]

Hallo,

@media print
{
  /* ... Formatdefinitionen zum Drucken ... */
}
@media screen, handheld
{
  /* ... Formatdefinitionen zur Bildschirmausgabe ... */
}

und für Formatdefinitionen setzt du z.b.

body {color:#000;} ein.

also:

@media print {
  body {
  color:#000;
  }
}

mfg NAG

[nag]

Hallo,

da hab ich doch glatt die wichtigste Zeile in deinem Posting überlesen:

Nun kam ich auf die Idee, das genau anders herum zu schachteln

gäbe es eine andere Art der Verschachtelung würde es sicher hier stehen.

http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap07.html#heading-7.2.1

mfg NAG