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:

• Für mein Logo:

• Für den Layoutbereich vom Footer:

nach oben

Viel Spaß!