Note that there are some explanatory texts on larger screens.

plurals
  1. POprinting problem in iPad
    primarykey
    data
    text
    <p>i am not able to get exact print output using iPad.</p> <p>Below is my print output from mac</p> <p><img src="https://i.stack.imgur.com/oHCmd.jpg" alt="mac print outpu"></p> <p>And below is my iPad print output</p> <p><img src="https://i.stack.imgur.com/FtUdP.jpg" alt="ipad print output"></p> <p>The ipad is displaying two labels in one label paper. This is simple browser print. Need some idea/suggestions to fix this bug.</p> <p>Thanks</p> <p>[Edited]</p> <p>{print.css}</p> <pre><code>&lt;style type="text/css" media="print"&gt; .container, #footer, #page, #menu, #header, #header-background, #menu-background, #page-background { display: none; } body { margin: 0; padding: 0; } .receipt, .parentreceipt { width: 300px !important; height: 97px !important; overflow: hidden; font-family: 'Calibri', 'Trebuchet MS'; font-weight: bold !important; margin: 0 10px; padding: 5px 0 0px 15px !important; display: block; clear: both; float: left; position:relative; } .parentreceipt img, .receipt img { float: left; margin: 8px 15px 0 0;} .parentreceipt img { background: url(/images/checkin/label-parent-title.gif); } .receipt img { background: url(/images/checkin/label-child-title.gif); } .receipt h1, .parentreceipt h1 { font-size: 15px !important; color: #000; margin: 0; text-decoration: none !important; padding: 0px !important; } .receipt h2, .parentreceipt h2, .receipt h3 .parentreceipt h3 { font-size: 12px !important; text-decoration: none !important; color: #000; margin: 0; padding: 0px !important; border:0 !important; line-height:14px; } .receipt p, .parentreceipt p{ padding:0px !important; margin:0px !important; font-size: 12px !important; text-decoration: none !important; color: #000; font-family: 'Calibri', 'Trebuchet MS' !important; font-weight:normal !important; line-height:15px !important; } .receipt .checkin-code, .parentreceipt .checkin-code { font-size: 18px; } .parentreceipt img, .receipt img { float: left; margin: 8px 15px 0 0; } .parentreceipt img { background: url(/images/checkin/label-parent-title.gif); } .receipt img { background: url(/images/checkin/label-child-title.gif); } .receipt h1 { font-size: 18px; margin-top: 5px; padding: 0; } .receipt h2, .parentreceipt h2, .receipt h3 .parentreceipt h3 { font-size: 14px; margin:0; padding: 0; } .parentreceipt h1 { font-size: 12px !important; text-decoration: none !important; color: #000; margin-top: 5px; padding: 0px !important; line-height:14px; } img.icon{ width:40px; height:40px; position:absolute!important; right:0px; margin-top:-15px; } &lt;/style&gt; </code></pre> <p>{html content}</p> <pre><code>&lt;div class="receipt"&gt; &lt;img src="http://mydomain.com/images/checkin/label-child-title.gif" alt="" /&gt; &lt;h1&gt;My Name: Icon&lt;/h1&gt; &lt;h2&gt;Parent(s): Kathy H. George H.&lt;/h2&gt; &lt;h2&gt;Pager: 12 | Allergies: &lt;span class='allergies'&gt;ICON has a nu...&lt;/span&gt;&lt;/h2&gt; &lt;h2 class='checkin-code'&gt;ID: 80803 (09/05)&lt;/h2&gt; &lt;img src='http://mydomain.com/images/icon/myicon.jpg' class='icon' /&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload