Search code examples
htmlacrobat

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?

Solution

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