Probleme mit print.css

[ziriander]

Hallo zusammen,
ich habe mehrere <div style="display:none;"> innerhalb einer html Seite (notwendig im Zusammenhang mit jQuery) Nun bin ich dabei eine print.css zu erstellen, bekomme es aber nicht hin die Inhalte von <div style="display:none;"> sichtbar zu machen. Hat jemand eine Idee dazu?


http://www.yogalehrerausbildung-freiburg.de/yogatradition.php

Merci for help
ziriander

 

[hela]

Hallo,

ich würde es so machen:

<div class="vor-screen-verstecken">
  Auf dem Bildschirm nicht zu sehen.
</div>
<div class="vor-print-verstecken">
  Im Seitenausdruck nicht zu sehen.
</div>

@media screen {
  .vor-screen-verstecken { display: none; }
}
@media print {
  .vor-print-verstecken { display: none; }
}

Übrigens hat die verlinkte Seite kein valides HTML. Für ein kommerzielles Projekt sollte das aber m.E. mindestens der Fall sein.
Frohe Weihnachten.

 

[ziriander]

War nicht ganz das was ich erhofft hatte, funktioniert aber. Also alles bestens.
Validation kommt auch noch. Danke für den Hinweis.

 

[Flex]

Du könntest es in der print.css auch mit einer CSS Klasse und !important überschreiben.

 

[ziriander]

Hallo Felix,
ich kam nicht gleich dazu zu antworten ... habe jetzt mal nach !important gegoggelt (kannte das noch nicht) und es ist absolut perfekt für meine Zwecke. Danke für den Tip.