Printe ut en div per a4 side

[robgar]

Hei, jeg lurte på om det var mulig ved hjelp av css å få en div til å bli nøyaktig størellsen til en a4 side. Slik at det som er inne i den diven, er på en side, og en div under, er på neste side..

 

Jeg fant a4 standard formatet på denne siden her:

a4 format = 297*210

 

Så da lagde jeg denne :

 

<style type="text/css">
.a4 {
 height: 297mm;
 width: 210mm;
}

.cont {
 height: 100%;
 width: 100%;
 border: 1px dashed gray;
}

p {
 padding: 2px;
}
</style>

 

<div class="a4">
 <div class="cont">
   <p>Side 1</p>
 </div>
</div>
<div class="a4">
 <div class="cont">
   <p>Side 2</p>
 </div>
</div>

 

Det jeg lurer på, er om dette vil funke (jeg har ikke tilgang til å teste å skrive det ut, da jeg har lite tilgang til blekk (tomt).

 

En ting som jeg har tenkt litt på, er at browserer har en tendens til å "padde" sidene når den skriver ut, og i tilleg til å legge på en sidenummer og addressen (topp og bunn)...

 

Hva sier dere ?, vil dette fungere ?

[mikk-]

Sannsynligvis ikke. Vil tro de fleste browsere (eller skriverdrivere) legger på padding slik at du da får flere ark.

 

Har hørt om en property som heter page-break-after: always;. Hvis jeg ikke har misforstått helt, skal den fungere. Du kan da lage et eget stilark for print, som har denne.

 

Fant også noe som kan være nyttig på A List Apart

[robgar]

Takk for svar Skal teste det ut nå..

 

EDIT: Det gikk helt suverent Skjønner ikke hvorfor jeg ikke gikk over til css før Det er jo så mye man kan gjøre

Endret 7. januar 2006 av robgar