Jump to content

iPad and Desktop treating page-break-before differently


Recommended Posts

I teach Spanish and I've written a script to create remediation sheets for students based on their recorded progress. So, my first objective is to generate a webpage with data for 35 different students pulled from a database. Way easy. My second objective is to put page breaks between the students so that I can print the webpage and every student has his/her own sheet. Kind-of-success.

 

My problem is that my laptop prints just fine, but I want this ability from my iPad. I've written my entire website so that I can teach from my iPad in class and be totally unbound from my laptop. When I run the same script (load the same page) from my iPad, I get an BLANK page between every student. I'm using page-break-before: always in a recurring <div></div> loop with the entire data-set for a student inside a div.

 

I captured a source code from the laptop AND from the iPad, and they're both identical. So, the problem is that they are treating the page-break-after differently. I don't understand. While the page is generated using PHP, that is not the issue. It is the browser interpretation of the CSS/HTML which is causing the problem. Hence, I have included the sample HTML source code for the first 2 students in the class.

 

 

<body style="color: #000000; background-image: none; background-color: #ffffff; font-size: 10pt; line-height: 25px;">
<div style="page-break-before: always;">
<p align="center" style="font-size: 15pt; font-weight: bold; line-height: 16px; margin: 0px 0px;">
Skill Remediation<br><span style="font-size: 12pt;">Spanish I</span>
</p>
<p align="right" style="line-height: 16px; margin: 0px 0px;">
Name: <b>Adams, Kendra</b><br>
Today's date: <b>Mar 17</b><br>
Due date: <b>Mar 20</b><br>
</p>
C.O.P. Phrases<br>
__________________________________1. Es importante.<br>
__________________________________2. ¿Dónde está la grapadora?<br>
__________________________________3. ¿Qué página?<br>
__________________________________4. Me ayudas, por favor.<br>
__________________________________5. Necesito la tarea.<br>
Articles<br>
__________________________________1. (some) perros<br>
__________________________________2. (a) lápiz<br>
__________________________________3. (some) carteles<br>
__________________________________4. (a) coche<br>
__________________________________5. (the) curso<br>
Noun-Adjective Agreement<br>
__________________________________1. casas (grande)<br>
__________________________________2. texto (nuevo)<br>
__________________________________3. playas (divertidos)<br>
__________________________________4. playa (divertido)<br>
__________________________________5. sobrinos (trabajador)<br>
</div>
<div style="page-break-before: always;">
<p align="center" style="font-size: 15pt; font-weight: bold; line-height: 16px; margin: 0px 0px;">
Skill Remediation<br><span style="font-size: 12pt;">Spanish I</span>
</p>
<p align="right" style="line-height: 16px; margin: 0px 0px;">
Name: <b>Brown, Brittney</b><br>
Today's date: <b>Mar 17</b><br>
Due date: <b>Mar 20</b><br>
</p>
Preliminares Vocabulary<br>
__________________________________1. Fine, thank you.<br>
__________________________________2. Please.<br>
__________________________________3. How much is it?<br>
__________________________________4. It is at one o'clock.<br>
__________________________________5. it's good weather.<br>
Verb SER (Present Tense) Lv1<br>
__________________________________1. Doug and Steve are from Cookeville.<br>
__________________________________2. I am bad.<br>
__________________________________3. Jeff is from Greenville.<br>
__________________________________4. Where is she from?<br>
__________________________________5. John is mean.<br>
¿Cómo es?<br>
__________________________________1. ¿Somos nosotros aburridos? (no)<br>
__________________________________2. ¿Cómo eres? (hardworking)<br>
__________________________________3. ¿Eres trabajador? (sí)<br>
__________________________________4. ¿Cómo somos nosotros? (good)<br>
__________________________________5. ¿Cómo es Mary? (pretty)<br>
</div>
 
OKAY, LET ME BRIEFLY RESTATE THE PROBLEM HERE: Between the two <div></div> the iPad is printing a blank page, but the laptop is not. The laptop is printing as desired … one page per student. The iPad is printing one page per student with a blank page inbetween each. THANK YOU!!!
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.