page break display issue

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;
}

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>

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.

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.

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

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.

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;*/
}

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?

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.