View Full Version : how insert PDF w/o scroll bars

08-14-2011, 07:56 PM
How do you insert a PDF into an xhtml file without the scroll bars?

And is the object tag better than the embed tag? Is the embed tag becoming deprecated?


08-14-2011, 08:31 PM
embed a pdf document

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

Do did want something like that?

08-14-2011, 10:34 PM
I did try

<object data="FallSuccessDRflyer.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%"></object>

and I still got the scrollbars. I can't seem to get rid of them.

Question about:

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="data/test.pdf">test.pdf</a>
I thought where it starts alt: <a href="data/test.pdf">test.pdf</a></object>
was an alternative to the first line of code. Am I wrong?

08-14-2011, 10:42 PM
Wait did that work for you?
Go here http://joliclic.free.fr/html/object-tag/en/

08-14-2011, 10:44 PM
also you can add:

style="overflow-x: hidden; overflow-y: hidden;"

08-15-2011, 01:15 AM
Thanks for trying but no, it didn't work. I still have the scroll bar.

This is what I coded:

<object data="FallSuccessDRflyer.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%" style="overflow-x: hidden; overflow-y: hidden;"></object>

here is link to my web page:

(The page link you sent me "joliclic.free.fr/html/object-tag/en/" is where I got my original coding. I didn't see anything there that helped for deleting a scroll bar.)

08-15-2011, 02:16 AM
Umm first have you tried to change the width and high so it actually fits?

08-15-2011, 02:28 AM
I'll try changing the size. Thought 100% was okay.

08-15-2011, 02:42 AM
try this:

<iframe src="FallSuccessDRflyer.pdf" width="600" height="800" style="border: 0;" scrolling="no"></iframe>

08-15-2011, 02:47 AM
Changing the width and height didn't make a difference. No matter how small I made the image specifications the size of the PDF window was always the same. The scrollbars were always there too.

oh well.

08-15-2011, 02:53 AM
Did you try what i just showed?

<iframe src="FallSuccessDRflyer.pdf" width="600" height="755" style="border: 0;" scrolling="no"></iframe>

08-16-2011, 02:45 PM
I tried your last idea but now it has scroll bars on the right side and bottom.

here is what it looks like now:

08-16-2011, 03:37 PM
for me is only has it on the right in FF (IE9 is not working right atm for me) just change the height a little. like to 165px

01-22-2013, 09:58 AM
Using the code above scrollbars in IE9 and Firefox dissepeared but not in Chrome. Also in Chrome PDF view is not 1:1. What can I do?
link to the page = shoppingaalst.be/garages-in-aalst/6458-garage-troch.html