2009-10-09 3 views

Antwort

4

Salam.

Blick auf diese CSS3 Beispiele aus http://www.w3.org/TR/css3-page/#size:

/* style sheet for "A4" printing */ 
@media print and (width: 21cm) and (height: 29.7cm) { 
    @page { 
     margin: 3cm; 
    } 
} 

/* style sheet for "letter" printing */ 
@media print and (width: 8.5in) and (height: 11in) { 
    @page { 
     margin: 1in; 
    } 
} 

/* A4 Landscape*/ 
@page { 
    size: A4 landscape; 
    margin: 10%; 
} 
+3

6 Jahre zu spät, aber die Spezifikation hat endlich aufgeholt! –

11

Sie können dies in CSS mit der @media print Direktive tun, keine js erforderlich. Sie müssen berechnen, welche Größen zu einer 4x8-Karteikarte gehören und die gesamte Positionierung selbst vornehmen, aber es wird funktionieren. Auch, da dies CSS2 ist, wird es in IE6 nicht funktionieren. (siehe Joels Kommentare)

@media print { 
    body { 
    width: /*width of index card*/ 
    height: /*height of index card*/ 
    } 
    /* etc */ 
} 
+0

warten, was? Ich bin mir ziemlich sicher, dass ich @media selectors in der Vergangenheit erfolgreich mit IE 6 verwendet habe. –

+0

Diese Seite scheint zu zeigen, dass es mit IE so weit zurück wie Version 4 funktioniert: http://www.codestyle.org/css/media/print-BrowserSummary.shtml –

+0

CSS unterstützt Zoll als Maßeinheit für Höhe und Breite als gut ... so @media print { Körper { Breite: 4in; Höhe: 8 Zoll; } /* etc */ } Sollte gut funktionieren, keine> –

Verwandte Themen