---
title: "Utskrift + CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/149700-utskrift-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "KoTTeN"
published: "2006-08-04T00:30:00.000Z"
updated: "2006-08-06T10:14:12.000Z"
replies: 9
views: 798
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/149700-utskrift-css"
---

# Utskrift + CSS

## #1 — KoTTeN, 2006-08-04T00:30Z

Hej!

Ska ta fram en mall för utskrifter till en sida. Kan man med hjälp av CSS ordna sidhuvud samt sidfot och sen lägga text emellan som sedan "flyter" över till nästa sida utan att störa sidfot och sidhuvudet? Hur anger man bredden så det passar ett A4?

Permalänk: https://www.webforum.nu/p/149700

## #2 — Addeladde, 2006-08-04T00:44Z

Om du söker här på forumet så finns det kod som visar på sidbrytning vid utskrift. Kan vara användbart. Sidfot och sidhuvud har jag för mig att det inte går.

Permalänk: https://www.webforum.nu/p/1849733

## #3 — pirajan, 2006-08-04T00:45Z

Förstår inte riktigt vad du menar med flyter... Bredden anger du i relativa mått. Ex % em.. 

```
body{width:80%}
```

Permalänk: https://www.webforum.nu/p/1849735

## #4 — zcorpan, 2006-08-04T01:54Z

Om du låter bli att ange bredden så blir det lagom brett för pappersformatet man skriver ut på.

Ang sidhuvud och sidfot har jag en länk till dig (men inte nån direkt lösning som funkar :(): <http://css-discuss.incutio.com/?page=PrintingHeaders>

Permalänk: https://www.webforum.nu/p/1849742

## #5 — dAEk, 2006-08-04T11:54Z

Detta måste vara första gången jag ser zcorpan svara utan en fungerande lösning!    :h   :p 

Är det alltså så att man får ta till andra format om man vill styra utskriftslayouten med sidhuvud etc, t.ex. pdf?
(Nej, jag orkade inte läsa den länkade sidan)

Permalänk: https://www.webforum.nu/p/1849836

## #6 — zcorpan, 2006-08-04T13:13Z

I praktiken ja, om du vill att man ska kunna skriva ut med IE6. Om du tänkt skriva ut med [Prince](http://www.princexml.com/) eller Opera kan du nog använda HTML+CSS.

Permalänk: https://www.webforum.nu/p/1849855

## #7 — KoTTeN, 2006-08-04T13:47Z

Tack för tipsen och länkarna!
Nu ska det i första hand användas internt och här har IE åkt ut för länge sedan. :)

Permalänk: https://www.webforum.nu/p/1849863

## #8 — zcorpan, 2006-08-04T14:40Z

Om Firefox används kan man använda en tabell: \<thead\> och \<tfoot\> upprepas på varje sida. Det kanske är att missbruka tabeller för layout, men det hindrar oss inte från att experimentera... §e 

```
<table>
 <thead>
  <tr>
   <td>sidhuvud</td>
  </tr>
 </thead>
 <tfoot>
  <tr>
   <td>sidfot</td>
  </tr>
 </tfoot>
 <tbody>
  <tr>
   <td>
    <h1>Lorem ipsum</h1>
    <p>Lorem ipsum dolor sit amet, ....flera sidor text...</p>
   </td>
  </tr>
 </tbody>
</table>
```

Nu kommer förstås frågan om man inte kan återskapa samma sak med CSS:

```
body { display:table; }
.header { display:table-header-group; }
.footer { display:table-footer-group; }
.article { display:table-row-group; }
```

```
<body>
 <div class="header">sidhuvud</div>
 <div class="footer">sidfot</div>
 <div class="article">
  <h1>Lorem ipsum</h1>
  <p>Lorem ipsum dolor sit amet, ....flera sidor text...</p>
 </div>
</body>
```

Se på fan! Det funkar! :D

Permalänk: https://www.webforum.nu/p/1849878

## #9 — Emil Stenström, 2006-08-04T14:46Z

\[**Edit**: zcorpan hade redan tipsat om det i #6\]

Ett annat tips är att testa [PrinceXML](http://princexml.com/), det är ett PDF-genererare som tar in XHTML och CSS och producerar PDF:er. Har bra stöd för CSS3. Finns stöd för sidhuvuden och att sätta pappersstorlek.

Permalänk: https://www.webforum.nu/p/1849880

## #10 — dAEk, 2006-08-06T10:14Z

Okej, då vet jag. Tack för svaren.  :)

Permalänk: https://www.webforum.nu/p/1850136

---

Tråden på webben: https://www.webforum.nu/amne/html-css/149700-utskrift-css
