Display Adobe pdf inside a div

Question

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 1

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

Answer 2

Here is another way to display PDF inside Div by using Iframe like below.

<div>    <iframe src="/pdf/test.pdf" style="width:100%;height:700px;"></iframe>  </div>  <div>    <!-- I agree button -->  </div>