[Resolved] Large "gaps" on page when converting HTML to PDF

bizguy72
8 Dec 2009

Hi,

I am converting a HTML page to PDF. I am applying a simple user defined CSS file that contains the following:

@page { size: A4 }
@page { prince-shrink-to-fit: auto }

In the resulting PDF file, there is a large gap between page 1 and page 2 (refer to attachment 'attach1.JPG' that shows the gap that is occuring when I view the PDF.

I have pasted the partial HTML source that is being converted below.

Can I specify something additional in my user defined CSS file that will stop this "gap" from occuring?

Thanks
Adam

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css"><title>SECRETS EXPOSED! 965,270 EzineArticles Views ----&gt; WARNING: You're wasting time with EzineArticles..</title><link rel="stylesheet" href="chrome://scrapbook/skin/combine.css" media="all"><link rel="stylesheet" href="chrome://scrapbook/skin/annotation.css" media="all">
<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>

<!--SECRETS EXPOSED! 965,270 EzineArticles Views ----> WARNING: You're wasting time with EzineArticles..--&gt;
<cite class="scrapbook-header">
	<img src="favicon.ico" width="16" height="16">
	<a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html">SECRETS EXPOSED! 965,270 EzineArticles Views ----&gt; WARNING: You're wasting time with EzineArticles..</a>

</cite>
<div id="item20091207221423">

<a name="top"></a>
<!-- logo -->
<div class="angular_advertisement angadver_bottom angadver_right"><a target="_top" href="http://www.warriorforum.com/warrior-special-offers-forum/134826-warrior-forums-private-war-room.html"><img alt="War Room" src="banner-02.gif" border="0"></a></div>

<table id="Table_01" width="1000" align="center" border="0" cellpadding="0" cellspacing="0">
  <tbody><tr>
    <td width="264"><a href="http://www.warriorforum.com/"><img src="site_01.gif" alt="" width="264" border="0" height="83"></a></td>
    <td colspan="7" align="right" background="site_02.gif">        <table id="Table_01" width="372" border="0" cellpadding="0" cellspacing="0" height="83">
         <form method="post" action="http://www.aweber.com/scripts/addlead.pl" target="_new"></form>

    <input name="meta_web_form_id" value="736173722" type="hidden">
    <input name="meta_split_id" value="" type="hidden">
    <input name="unit" value="warriorforum" type="hidden">
    <input name="redirect" value="http://www.aweber.com/form/thankyou_vo.html" type="hidden">
    <input name="meta_redirect_onlist" value="" type="hidden">
    <input name="meta_adtracking" value="" type="hidden">
    <input name="meta_message" value="2" type="hidden">
    <input name="meta_required" value="from" type="hidden">
    <input name="meta_forward_vars" value="0" type="hidden">

		<tbody><tr>
          <td colspan="4"><img src="newsletter_01.gif" alt="" width="371" height="35"></td>
        <td><img src="spacer.gif" alt="" width="1" height="35"></td>
      </tr>
        <tr>
          <td rowspan="4"><img src="newsletter_02.gif" alt="" width="170" height="48"></td>
        <td rowspan="3" bgcolor="#ffffff"><input value="" name="from" size="10" type="text"></td>
        <td colspan="2"><img src="newsletter_04.gif" alt="" width="106" height="9"></td>
        <td><img src="spacer.gif" alt="" width="1" height="9"></td>

      </tr>
        <tr>
          <td><input name="submit" src="newsletter_05.gif" type="image"></td>
        <td rowspan="3"><img src="newsletter_06.gif" alt="" width="13" height="39"></td>
        <td><img src="spacer.gif" alt="" width="1" height="21"></td>
      </tr>
        <tr>
          <td rowspan="2"><img src="newsletter_07.gif" alt="" width="93" height="18"></td>
        <td><img src="spacer.gif" alt="" width="1" height="9"></td>

      </tr>
        <tr>
          <td><img src="newsletter_08.gif" alt="" width="95" height="9"></td>
        <td><img src="spacer.gif" alt="" width="1" height="9"></td>
      </tr>
      
          </tbody></table></td></tr>
  <tr>
    <td><img src="site_03.gif" alt="" width="264" height="36"></td>
    <td colspan="7" align="right" background="site_04.gif"><table border="0" cellpadding="0" cellspacing="2">

      <tbody><tr>
        <td width="150"></td>
        <td width="87"></td>
      </tr>
    </tbody></table></td>
  </tr>
</tbody></table>
<table id="Table_01" width="1000" align="center" border="0" cellpadding="0" cellspacing="0">
  <tbody><tr>
    <td colspan="9" background="site_05.gif"><img src="site_05_001.gif" alt="" width="900" height="16"></td>

  </tr>
</tbody></table>

<!-- /logo -->

<!-- content table -->
<!-- open content container -->

<div align="center">
	<div class="page" style="width: 1000px; text-align: left;">
		<div style="padding: 0px 25px;" align="left">



<div class="vbmenu_popup" id="vbbloglinks_menu" style="display: none; margin-top: 3px;" align="left">
	<table border="0" cellpadding="4" cellspacing="1">
	<tbody><tr>
		<td class="thead"><a href="http://www.warriorforum.com/blogs/">Blogs</a></td>
	</tr>
	
	<tr>

</tr><tr>
<td class="vbmenu_option"><a rel="nofollow" href="http://www.warriorforum.com/blog_post.php?do=newblog">Post to Your Blog</a></td>

</tr>

		<tr><td class="vbmenu_option"><a href="http://www.warriorforum.com/blogs/recent-entries/">Recent Entries</a></td>
	</tr>
	<tr>
		<td class="vbmenu_option"><a href="http://www.warriorforum.com/blogs/best-entries/">Best Entries</a></td>
	</tr>
	<tr>
		<td class="vbmenu_option"><a href="http://www.warriorforum.com/blogs/best-blogs/">Best Blogs</a></td>

	</tr>
	<tr>
		<td class="vbmenu_option"><a href="http://www.warriorforum.com/blogs/all/">Blog List</a></td>
	</tr>
	
	<tr>
		<td class="vbmenu_option"><a rel="nofollow" href="http://www.warriorforum.com/blog_search.php?do=search">Search Blogs</a></td>
	</tr>
	
	</tbody></table>

</div>
<br>

<!-- breadcrumb, login, pm info -->
<table class="tborder" width="100%" align="center" border="0" cellpadding="6" cellspacing="1">
<tbody><tr>
	<td class="alt1" width="100%">
		
			<table border="0" cellpadding="0" cellspacing="0">
			<tbody><tr valign="bottom">
				<td><a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html#" onclick="history.back(1); return false;"><img src="navbits_start.gif" alt="Go Back" border="0"></a></td>
				<td>&nbsp;</td>
				<td width="100%"><span class="navbar"><a href="http://www.warriorforum.com/" accesskey="1">WarriorForum - Internet Marketing Forums</a></span> 
	<span class="navbar">&gt; <a href="http://www.warriorforum.com/warrior-forum/">The Warrior Forum</a></span>


	<span class="navbar">&gt; <a href="http://www.warriorforum.com/warrior-special-offers-forum/">Warrior Special Offers Forum</a></span>

</td>
			</tr>
			<tr>
				<td class="navbar" style="font-size: 10pt; padding-top: 1px;" colspan="3"><a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html"><img class="inlineimg" src="secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles_ltr.gif" alt="SECRETS EXPOSED! 965,270 EzineArticles Views ----&gt; WARNING: You're wasting time with EzineArticles.." border="0"></a> <strong>
	 SECRETS EXPOSED! 965,270 EzineArticles Views ----&gt; WARNING: You're wasting time with EzineArticles..


</strong></td>
			</tr>
			</tbody></table>
		
	</td>

	<td class="alt2" style="padding: 0px;" nowrap="nowrap">
		<!-- login form -->
		<form action="http://www.warriorforum.com/login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
		
		<table border="0" cellpadding="0" cellspacing="3">
		<tbody><tr>

			<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">User Name</label></td>
			<td><input class="bginput" style="font-size: 11px;" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" type="text"></td>
			<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" type="checkbox">Remember Me?</label></td>
		</tr>
		<tr>
			<td class="smallfont"><label for="navbar_password">Password</label></td>
			<td><input class="bginput" style="font-size: 11px;" name="vb_login_password" id="navbar_password" size="10" tabindex="102" type="password"></td>

			<td><input class="button" value="Log in" tabindex="104" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" type="submit"></td>
		</tr>
		</tbody></table>
		<input name="s" value="" type="hidden">
		<input name="securitytoken" value="guest" type="hidden">
		<input name="do" value="login" type="hidden">
		<input name="vb_login_md5password" type="hidden">
		<input name="vb_login_md5password_utf" type="hidden">
		</form>

		<!-- / login form -->
	</td>

</tr>
</tbody></table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div class="tborder" style="padding: 1px; border-top-width: 0px;">
	<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
	<tbody><tr align="center">
		
		
			<td class="vbmenu_control"><a href="http://www.warriorforum.com/register.php" rel="nofollow">Register</a></td>

		
		<td class="vbmenu_control"><a id="vbbloglinks" href="http://www.warriorforum.com/blogs/">Blogs</a></td>
		<td class="vbmenu_control"><a rel="help" href="http://www.warriorforum.com/faq.php" accesskey="5">FAQ</a></td>
		
			<td class="vbmenu_control"><a id="community" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html?nojs=1#community" rel="nofollow" accesskey="6">Community</a> </td>
		
		<td class="vbmenu_control"><a href="http://www.warriorforum.com/calendar.php">Calendar</a></td><td class="vbmenu_control"><a href="http://www.warriorforumsupport.com/" target="_top">Help Desk</a></td>
		
			
			
		
		
		
		</tr>
	</tbody></table>

</div>
<!-- / nav buttons bar -->

<br>






<!-- NAVBAR POPUP MENUS -->

	
	<!-- community link menu -->
	<div class="vbmenu_popup" id="community_menu" style="display: none; margin-top: 3px;" align="left">
		<table border="0" cellpadding="4" cellspacing="1">

		<tbody><tr><td class="thead">Community Links</td></tr>
		
		
					<tr><td class="vbmenu_option"><a href="http://www.warriorforum.com/groups/">Social Groups</a></td></tr>
		
		
		
		
		
		</tbody></table>
	</div>
	<!-- / community link menu -->
	
	
	
	
	
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
	<div class="vbmenu_popup" id="pagenav_menu" style="display: none;">

		<table border="0" cellpadding="4" cellspacing="1">
		<tbody><tr>
			<td class="thead" nowrap="nowrap">Go to Page...</td>
		</tr>
		<tr>
			<td class="vbmenu_option" title="nohilite">
			<form action="http://www.warriorforum.com/" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
				<input value="" class="bginput" id="pagenav_itxt" style="font-size: 11px;" size="4" type="text">

				<input class="button" id="pagenav_ibtn" value="Go" type="button">
			</form>
			</td>
		</tr>
		</tbody></table>
	</div>
<!-- / PAGENAV POPUP -->






<div style="text-align: center;"><big style="font-weight: bold;"><span style="font-family: Verdana; font-style: italic;">Featured
Warrior Special Offer...</span></big><br style="font-family: Verdana;">
<big><big><span style="font-family: Verdana; font-weight: bold;">"<a href="http://www.warriorforum.com/warrior-special-offers-forum/134826-warrior-forums-private-war-room.html" target="_top">Members Of The *War Room* Discover Secrets
To Immediate Success!</a>"</span></big></big></div>


<a name="poststop" id="poststop"></a>

<!-- controls above postbits -->
<table style="margin-bottom: 3px;" width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr valign="bottom">
	
		<td class="smallfont"><a href="http://www.warriorforum.com/newreply.php?do=newreply&amp;noquote=1&amp;p=39399" rel="nofollow"><img src="reply.gif" alt="Reply" border="0"></a></td>

	
	<td align="right"><div class="pagenav" align="right">
<table class="tborder" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
	<td class="vbmenu_control" style="font-weight: normal;">Page 1 of 7</td>
	
	
		<td class="alt2"><span class="smallfont" title="Showing results 1 to 50 of 340"><strong>1</strong></span></td>
 <td class="alt1"><a class="smallfont" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles-2.html" title="Show results 51 to 100 of 340">2</a></td><td class="alt1"><a class="smallfont" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles-3.html" title="Show results 101 to 150 of 340">3</a></td>
	<td class="alt1"><a rel="next" class="smallfont" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles-2.html" title="Next Page - Results 51 to 100 of 340">&gt;</a></td>
	<td class="alt1" nowrap="nowrap"><a class="smallfont" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles-7.html" title="Last Page - Results 301 to 340 of 340">Last <strong>»</strong></a></td>

	<td class="vbmenu_control" title="showthread.php?t=4700"><a name="PageNav"></a></td>
</tr>
</tbody></table>
</div></td>
</tr>
</tbody></table>
<!-- / controls above postbits -->

<!-- toolbar -->
<table class="tborder" style="border-bottom-width: 0px;" width="100%" align="center" border="0" cellpadding="6" cellspacing="1">
<tbody><tr>
	<td class="tcat" width="100%">
		<div class="smallfont">
		
			<a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html"><img class="inlineimg" src="firstnew.gif" alt="View First Unread" border="0"></a>

			<a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html"><strong>View First Unread</strong></a>
		
		&nbsp;
		</div>
	</td>

	
<td class="vbmenu_control" id="linkbacktools" nowrap="nowrap">
	<a rel="nofollow" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html?nojs=1#links">LinkBack</a>
	
</td>

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">
		<a rel="nofollow" href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html?nojs=1#goto_threadtools">Thread Tools</a>
		
	</td>
	
	
	

	

</tr>
</tbody></table>
<!-- / toolbar -->



<!-- end content table -->

		</div>

	</div>
</div>

<!-- / close content container -->
<!-- / end content table -->





<div id="posts"><!-- post #39399 -->

	<!-- open content container -->

<div align="center">

	<div class="page" style="width: 1000px; text-align: left;">
		<div style="padding: 0px 25px;" align="left">

	<div id="edit39399" style="padding: 0px 0px 6px;">
	<!-- this is not the last post shown on the page -->



<table id="post39399" class="tborder" width="100%" align="center" border="0" cellpadding="6" cellspacing="0">
<tbody><tr>
	
		<td class="thead" style="border-style: solid none solid solid; border-color: rgb(0, 0, 0) -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0); border-width: 1px 0px 1px 1px; font-weight: normal;">
			<!-- status icon and date -->

			<a name="post39399"><img class="inlineimg" src="post_old.gif" alt="Old" border="0"></a>
			08-19-2008, 11:04 AM
			
			<!-- / status icon and date -->
		</td>
		<td class="thead" style="border-style: solid solid solid none; border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(0, 0, 0) -moz-use-text-color; border-width: 1px 1px 1px 0px; font-weight: normal;" align="right">
			&nbsp;
			#<a href="http://www.warriorforum.com/warrior-special-offers-forum/4700-secrets-exposed-965-270-ezinearticles-views-warning-youre-wasting-time-ezinearticles.html#post39399" id="postcount39399" name="1" title="permalink"><strong>1</strong></a>
			
		</td>

	
</tr>
<tr valign="top">
	<td class="alt2" rowspan="2" style="border-style: none solid; border-color: -moz-use-text-color rgb(0, 0, 0); border-width: 0px 1px;" width="175">

			<div id="postmenu_39399">
				
				<a rel="nofollow" class="bigusername" href="http://www.warriorforum.com/members/dean-shainin.html">Dean Shainin</a>
				
				
			</div>

			<div class="smallfont">Senior Warrior Member</div>

			<div class="smallfont"> <span style="font-weight: bold; color: rgb(202, 0, 0); font-size: 10px; font-family: Arial;">War Room Member</span> </div>
			

			
				<div class="smallfont">
					&nbsp;<br><a rel="nofollow" href="http://www.warriorforum.com/members/dean-shainin.html"><img src="avatar8414_1.gif" alt="Dean Shainin's Avatar" width="80" border="0" height="65"></a>
				</div>
			

			<div class="smallfont">
				&nbsp;<br>
				<div>Join Date: Dec 2004</div>

				<div>Location: USA.</div>
				
				<div>
					Posts: 4,579
				</div>
				 
	<div>Thanks: 60</div>
	<div>
		
			
				Thanked 63 Times in 34 Posts
			
		
	</div>

				
				
				
				
			</div>

	</td>
	
	<td class="alt1" id="td_post_39399" style="border-right: 1px solid rgb(0, 0, 0);">
	
		
		
			<!-- icon and title -->
			<div class="smallfont">
				<img class="inlineimg" src="icon1.gif" alt="Default" border="0">
				<strong>SECRETS EXPOSED! 965,270 EzineArticles Views ----&gt; WARNING: You're wasting time with EzineArticles..</strong>

			</div>
			<hr style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" size="1">
			<!-- / icon and title -->
		

		<!-- message -->
		<div id="post_message_39399">
			
			<font face="Verdana, Arial, Helvetica"><font face="Verdana, Arial, Helvetica"><font size="2"><font color="#000000"><b>What is Dean Shainin’s Underground Secret EzineArticles Manifesto going to do for YOU…</b><br>
<br>
</font></font></font></font><div align="center"><font face="Verdana, Arial, Helvetica"><font face="Verdana, Arial, Helvetica"><font size="2"><font color="#000000"><font size="5"><b><font color="red">“I’m Going To Literally Hand You The Same Exact PROVEN EzineArticles.com Money Getting Strategies…And Step-By-Step Blueprint And Formula That Have Helped Me Generate 965,270 Article Views While Building An Internet Marketing Empire Worth Over $150,000+ Online…</font></b></font></font></font></font></font><br>
<br>
.
.
.
.
.

attach1.JPG‎ 22.4 kB

Edited 15 Apr 2010 by bizguy72

mikeday
12 Dec 2009

It would appear that Prince is trying not to break a table across two pages, resulting in it being pushed down to start on the next page. However, it is difficult to diagnose this issue without all the style sheets. If you could email me (mikeday@yeslogic.com) the full document and style sheets or post a link to them on the web that would help.

bizguy72
13 Dec 2009

mikeday wrote:

It would appear that Prince is trying not to break a table across two pages, resulting in it being pushed down to start on the next page. However, it is difficult to diagnose this issue without all the style sheets. If you could email me (mikeday@yeslogic.com) the full document and style sheets or post a link to them on the web that would help.

Thanks Mike. I have just emailed you a link to the full document. (From my email address bizguy72ATgmail.com).

Regards

Adam

bizguy72
17 Dec 2009

Hi Mike,

Did you receive the email? Any further info on this yet?

Thanks

Adam

mikeday
17 Dec 2009

Yes thanks, we'll need to simplify the document and see what the problem is.

bizguy72
2 Apr 2010

mikeday wrote:

Yes thanks, we'll need to simplify the document and see what the problem is.

Hi Mike,

Any ETA on this?

Thanks

Adam

mikeday
3 Apr 2010

Sorry for the delay. The gap appears to be caused by the use of the rowspan attribute on very long tables. It can be partially corrected by applying "page-break-before: avoid" to strategic table rows, but this is not sufficient to solve the problem in every case. We will see if we can change the rowspan behaviour in Prince to avoid this issue.

bizguy72
3 Apr 2010

OK, great! Thanks Mike!

bizguy72
13 Apr 2010

Hey Mike,

I just replied to your email re fix.

Thanks

Adam

bizguy72
15 Apr 2010

Confirming now resolved with patch release.

mikeday
25 Mar 2011

This fix for long table cells that span multiple rows is included in Prince 8.0, now available in beta.

Forum › How do I...?

[Resolved] Large "gaps" on page when converting HTML to PDF