Phillip Senn Phillip Senn - 4 months ago 15
HTML Question

Display Adobe pdf inside a div

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

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.)