I have embedded a PDF (one page) in an object to display it in a page.
<object data="http://www.example.com/test.pdf" type="application/pdf" width="1000px" height="1000px" />
Printing this page uncovers a few quirks:
1. Firefox prints one page blank and a second page with illegible text (Print Preview displays two blank pages)
2. Chrome prints a blank page
3. IE prints a perfect page (bit of a suprise)
When object width & height was set to 100%, it did not display in Firefox, so I changed this to 1000px, but this is not ideal.
Any suggestions as to what the best fix or workaround is for the print issues and getting object displayed in Firefox when setting width and height to 100% ?
I added below CSS to check that the inheritance was not causing the div to collapse:
body { width: 100%; height: 100%; }
Please let me know if I should provide more code.
Thanks
(a simple search on WebmasterWorld did not answer my question)