iframe：删除内部（灰色）边框

Question

I want to embed a pdf-document on my website, but cannot manage to display the document in the iframe without an overwhelmingly useless gray border.

Now I see that this gray border is not always displayed when embedding a pdf-document, but in my example as you can see in the picture, there is a large border withing the iframe, next to the pdf-page I actually would like to display.

See here what I am talking about:

I am using a simple iframe-tag within a div-tag.

Does anybody know if it is possible to remove the grey border ("Border in iframe") or how I can deal with this problem?

Answer 1

The border you see is when the page is not matching the aspect-ratio of the view-port of the Acrobat plugin.

You need to make sure the iFrame and the plugin and the document inside it are all the same width and that the user has not set the page to be shown in some other way such as full height (set in Acrobat Reader preferences)

For now try adding this to the PDF url:

#view=Fit&toolbar=0&statusbar=0&messages=0&navpanes=0&scrollbar=0