configure @page print css

0

Staff could help me with a CSS problem (I believe) because I can not solve it myself.

As you can see below, when printing the page ALWAYS, another blank one appears below.

MyCSS

html{position:relative;min-height:100%;}html,body{height:54mm;width:101mm;font:14pxarial,sans-serif;writing-mode:tb-rl;}@page{size:landscape;margin-top:0.0in;margin-left:0.03in;margin-bottom:0.0in;margin-right:0.03in;}.table{border-collapse:collapse;width:100%;}

HTML:

<tableclass="table">
<tr style="height: 95px">
     <td style="text-align: left; vertical-align: top; border-bottom: 1px solid #CDCDCD;">
    <div>
         <span>N&#176; A: <strong style="font-weight: 900;">123456789</strong></span><br />
         <span>N&#176; B: <strong style="font-weight: 900;">987456321</strong> </span><br />
         <span>Data Entrada: 18/12/2014</span><br />
         <span>Código: 0000</span>
    </div>
     </td>
     <td style="text-align: right; vertical-align: top; border-bottom: 1px solid #CDCDCD;">
<div style="position: absolute; right:-18px;"><img src="code128bar.jpg" style="vertical-align: middle; width:200px;"/></div>
     </td>
</tr>
<tr>
     <td colspan="2" style="text-align:left; vertical-align:top">
    <div>
         <span>Destinatário: <strong style="font-weight: 900;">FULANO DE TAL</strong></span><br />
         <span>Endereço: AV TESTE 1802</span><br />
         <span>Bairro: TESTE</span><br />
         <span>CEP: 99999-000</span><br />
         <span>SÃO PAULO - SP</span>
    </div>
     </td>
</tr>
 </table>
    
asked by anonymous 30.01.2015 / 19:51

1 answer

0

Resolved

The problem was in this stretch

 html, body {
 height: 54mm;
 width: 101mm;
 font: 14px arial, sans-serif;
 writing-mode: tb-rl;
 }

Fixed

 html, body {
font: 14px arial, sans-serif;
writing-mode: tb-rl;
width: 381px;
 }
    
30.01.2015 / 20:37