Martin Heller: Probleme mit media="screen"

Hallo,

während das Ausblenden von Elementen in einer Druckversion mit Einbindung eines speziellen Stylesheets

(z.B. mittels <link rel="stylesheet" href="../css/styles_print.css" type="text/css" media="print" />)

funktioniert, funktionert diese Methode im umgekehrten Fall (wenn man bestimmte Bereiche online ausblenden und nur im Druck anzeigen möchte) anscheinend nicht:

Definiert man ein spezielles Stylesheet für den Screen

(z.B. mittels <link rel="stylesheet" href="../css/styles_print.css" type="text/css" media="print" />)

und definiert darin eine bestimmte Klasse oder ID mit display:none
(z.B. #printheadline {
   display: none;
       }
),

wird das betreffende Element trotzdem angezeigt, und zwar in den aktuellen Versionen von IE, Firefox und Opera. Dies ist auch beim in SELFHTML enthaltenen Beispiel (siehe Link) der Fall.
Kann es an mangelnder CSS-Unterstützung durch die Browser liegen?

Kann es sein, daß hier der CSS-Standard nicht konsequent unterstützt wird?

Bin dankbar für jeden Hinweis.
Martin

  1. Hi!

    Hast du das entsprechende Element noch anderweitig formatiert?
    Evtl. mit spezifischeren Selektoren?

    Gruß aus Iserlohn

    Martin

  2. hi,

    Definiert man ein spezielles Stylesheet für den Screen

    (z.B. mittels <link rel="stylesheet" href="../css/styles_print.css" type="text/css" media="print" />)

    da steht ja immer noch, dass du dich auf den ausdruck beziehen möchtest.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. Hallo,

    ich vermute mal, daß es sich bei dem von wahsaga genannten Fehler nur um ein falsches Copy/Paste bei der Formulierung der Frage handelt...

    wird das betreffende Element trotzdem angezeigt, und zwar in den aktuellen Versionen von IE, Firefox und Opera.

    Kann ich nicht bestätigen.

    Dies ist auch beim in SELFHTML enthaltenen Beispiel (siehe Link) der Fall.

    Nein. Dort soll das div mit der ID "print" bei der Bildschirmdarstellung ausgeblendet werden. Und das wird es auch. Wenn Du den Text trotzdem lesen kannst, dann liegt es daran, daß auf der Seite ein Screenshot der Druckdarstellung gezeigt wird. Könnte es sein, daß Du dadurch etwas verwirrt wurdest...? ;-)

    Kann es an mangelnder CSS-Unterstützung durch die Browser liegen?
    Kann es sein, daß hier der CSS-Standard nicht konsequent unterstützt wird?

    Nicht in aktuellen Browsern.

    Bin dankbar für jeden Hinweis.

    Und wir sind dankbar für mehr Code... ;-)

    Viele Grüße
    Carsten