Thema: Seiten drucken: div-Bereiche EINschließen, statt ausschließen

Blende die Elemente bei der normalen Anzeige im Browser per "display: none;" aus und in der Druckansicht mit "display: block;" ein. Dann hast Du Bereiche die nur im Druck zu sehen sind.

Ah ja stimmt ok danke. Das ist ja wie in selfHTML beschrieben.

Aber was mach ich mit meinem eigentlich Problem? div-Bereiche die in einem andren div-Bereich verschachtelt sind explizit zu drucken und alle andren nicht?

Unterscheide die zu druckenden Elemente von den nicht zu druckenden Elementen mittels einer zusätzlichen CSS-Klasse, z.B. "print".

thx für den link!

Zitat von threadi

Unterscheide die zu druckenden Elemente von den nicht zu druckenden Elementen mittels einer zusätzlichen CSS-Klasse, z.B. "print".

Ja aber genau da ist ja das Problem.
Ich habe einen div-bereich1 mit Inhalt, der NICHT gedruckt werden soll.
Innerhalb genau diesen div-Bereichs ist ein div-Bereich2 den ich drucken will.

Wenn wir jetzt annehmen das würde so klappen wie beschrieben dann müsste ich den div-Bereich1 als "bitte nicht drucken" deklarieren.
Damit wird aber alles innerhalb dieses div-Bereichs NICHT gedruckt - insbesondere divBereich2 !

also mein Szenario:
<div print=nein!>
der Text hier soll nicht gedruckt werden
<div print=ja!>
den hier will ich drucken.
</div>
</div>

da druckt er doch dann gar nix, oder?

Ach jetzt verstehe ich. Nein, das geht leider nicht.

Hm ok aber mir kam grad selber eine Idee - ich mach es einfach so

in rot meine Änderung am Original:

Code:

<div>
   <div "do_not_print">
   soll nicht gedruckt werden
   </div>
   <div>
      soll gedruckt werden
   </div>
</div>

Also den Text, der nicht gedruckt werden soll, mit neuen div-bereichen ausstatten

Aber dann kommt schon das nächste Problem:
der äusserste div-Bereich rückt alles nach rechts. Diese Einrückung hätte ich dann auch auf dem Papier