Print CSS // ein bisschen Code

[Ole]

Um euch mal zu zeigen wie ich es im Moment probiere, hier ein bisschen Beispielcode. Ich hoffe ich habe nichts Relevantes vergessen.

  
<div id="header"><img src="bild.png" alt=""></div>  
<div id="footer"><p>Jede Menge Text</p><p>Noch mehr Text.</p></div>  
<h1>Lieferadresse</h1>  
<p>  
Musterfirma<br>  
Max Mustermann<br>  
Musterstraße XX<br>  
12345 Musterstadt  
</p>  
<h1>Rechnungsadresse</h1>  
<p>  
Musterfirma<br>  
Max Mustermann<br>  
Musterstraße XX<br>  
12345 Musterstadt  
</p>  
<table>  
  <thead>  
    <tr>  
      <th>Stk.</th>  
      <th>Art.Nr.</th>  
      <th>Bezeichnung</th>  
      <th>Preis Stk.</th>  
      <th>Preis Ges.</th>  
    </tr>  
  </thead>  
  <tbody>  
    <tr>  
      <td>XXX</td>  
      <td>XXXXXXXXXX</td>  
      <td>Lorem Ipsum [...]</td>  
      <td>XX.XXX,XX €</td>  
      <td>XXX.XXX,XX €</td>  
    </tr>  
    [...]  
  </tbody>  
</table>  

  
#header {position: fixed; top:0; text-align: right;}  
#footer {position: fixed; bottom: 0;}