Display Adobe pdf inside a div

html acrobat
Phillip Senn picture Phillip Senn · Apr 29, 2010 · Viewed 104.1k times · Source

I have a pdf file that the user has to see and click on the "I agree" button. How do you display a pdf inside a div?

Answer

Ron Knee picture Ron Knee · Jul 4, 2010

Yes you can.

See the code from the following thread from 2007: PDF within a DIV

<div>
    <object data="test.pdf" type="application/pdf" width="300" height="200">
        alt : <a href="test.pdf">test.pdf</a>
    </object>
</div>

It uses <object>, which can be styled with CSS, and so you can float them, give them borders, etc.

(In the end, I edited my pdf files to remove large borders and converted them to jpg images.)

Related questions

Silent print an embedded PDF

I have a web page with embedded PDF on it. My code looks like this: <embed type="application/pdf" src="path_to_pdf_document.pdf" id="pdfDocument" width="100%" height="100%"> </embed> I have this javascript code for …

Read More
Embed PDF in HTML

I need to embed a PDF document inside an HTML page. The PDF is dynamically generated, i.e., not a static file, but rather a byte-array generated using a PDF toolkit (in my case, "Apache PDFBox"). I have a Java …

Read More
How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More