This is an archived forum post. The information may be outdated. Contact us if you have any questions.

page break display issue

othoap wrote on 2013-09-03:
HI,

LOVE PDFCROWD!!!

I'm using page-break-before: always; in my external CSS (AFTER has the same issue) . The issue is, PDFcrowd will not display the last div in the PDF. That is is to say. I have a css rule called #titleBar (see below). Four titleBars on a page. Each bar is the page break. This title bar show at the top of each PDF page. It work's for all but the last <div id="titleBar"> use. The result is no display of the last "titleBar" in the PDF. There's a blank space were the bar should be.

Any ideas?

#titleBar{
font-family: 'Source Sans Pro', sans-serif;
src: url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900') format('truetype');
font-size: 14px;
font-weight: bold;
text-align: center;
background-image: url(images/gold.jpg);
background-color: #FFCC66;
float: center;
padding: 0px;
page-break-before: always;
}
othoap wrote on 2013-09-03:
Now it's not displaying the table below the page break. PDFcrowd will display it if I comment out the css line. page-break-before: always;

Funny? why would it display the others and not the last one?

<div id="titleBar">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr align="center">
<td width="5%"><a id="specs" name="specs">&nbsp;</a></td>
<td width="90%">SPECIFICATIONS</td>
<td width="5%">
<a href="#top" ><img src="images/top2.png" alt="top of page button" height="20" width="23" /></a>
</td></tr>
</table>
</div>
support wrote on 2013-09-04:
Hello,

If you can post complete HTML code that demonstrates the issue, I will take a look at it. I have done some testing based on your description but all my tests worked fine.
othoap wrote on 2013-09-04:
Support,

Attached is good example of the issue. do a page search for titleBar to find the div thats not showing in PDF. the page link is http://solar-emc.com/TEMP/8282-1.html

thanks for any help.
support wrote on 2013-09-05:
Hello,

There are some errors in the page - they may or may not be the cause of the issue. To rule this possibility out, could you please check this report and fix the following errors?

- start tag for X omitted, but its declaration does not permit this
- document type does not allow element X here
- X not finished but containing element ended
- end tag for element X which is not open
- end tag for X which is not finished
othoap wrote on 2013-09-07:
Support,

thanks for the help.

Ok so http://solar-emc.com/TEMP/8282-1.html now passes the validation. Saddly I still have the sam problem.

Any help would be greatly welcomed.
othoap wrote on 2013-09-08:
I've found that if I turn OFF page break in CSS the "titleBar" class IS displaed in the PDF.

.titleBar{
font-family: 'Source Sans Pro', sans-serif;
src: url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900') format('truetype');
font-size: 14px;
font-weight: bold;
text-align: center;
background-image: url(images/gold.jpg);
background-color: #FFCC66;
float: center;
padding: 0px;
/*page-break-before: always;*/
}
support wrote on 2013-09-09:
I enabled the .titleBar{ page-break-before: always; } rule in my local print.css copy and it works fine for me now - the last bar "USEFUL ACCESSORIES" shows up in the generated PDF, see here. Please could you double check on your side?
othoap wrote on 2013-09-11:
Support,

You are corret it works for me as well. Sorry I don't no what happened. Well thank you for your time and great work on PDFcrowd. It's trully a great service.