Tutorial Seiteninhalt drucken mittels CSS - gefunden bei: Webbausteine.de - auch diese Seite könnt Ihr ausdrucken

Hier als Beispiel meine CSS, die lediglich meinen Header und Footer Bereich sowie mein Logo mit der Anweisung “display: none” (nicht anzeigen) enthält und sich auf die entsprechenden IDs der Tags bezieht. Für meine Layoutbereiche ist das ein div und für das Logo ein img

<style>
 @media print {

   div#LayoutHeader {
    display: none;
   }
  
   img#Logo {
    display: none;
   }
    
   div#LayoutFooter {
    display: none;
   } 
     
 }
</style>

Die entsprechenden IDs habe ich in den Eigenschaften-Fenstern eingetragen.

  • Für den Layoutbereich vom Header:
ID Layoutbereich Header
  • Für mein Logo:
ID Logo
  • Für den Layoutbereich vom Footer:
ID Layoutbereich Footer

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik