Home/ Questions/Q 8064937
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T11:30:40+00:00

[ Simplified version of this question: ] Why do iFrames sometimes refuse to print?

  • 0

[Simplified version of this question:]

Why do iFrames sometimes refuse to print? For example, hit print preview on these two pages:

  1. http://fiddle.jshell.net/gJDv4/1/show/
  2. http://fiddle.jshell.net/gJDv4/2/show/

On print-preview, the iFrames are visible in the first example, but hidden in the second. The ONLY code difference between first and second iFrames is a CSS property (margin: 20px;) has been added to the iFrames in the second example.

[Long (original) version:]

I am building a preview/print page that assembles a bunch of independent HTML files referencing their own style-sheets and javascript files.

The idea is that all files are displayed in iFrames for preview, and then when printed, each iFrame (which likely will span multiple pages) prints out as if it were it’s own document.

However, when I print (or print-preview) the iFrames either show no content, or they only print the first page, truncating the remaining pages of the iFrame.

The iFrames printed (and print-previewed) just fine before I made them multiple pages:

What is the reason for this behavior?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can print the documents in the individual iframes by calling the print() function on their windows….

    So something like this to print file 2:

    $('#iframeTwo')[0].contentWindow.print()

    And here a jsfiddle where I added buttons which trigger the individual prints…

    http://jsfiddle.net/sg3s/GJKkm/17/

    As for why the browser doesn’t print the content inside iframes when printing their parent document. Probably has to do something with the fact that those documents aren’t actually part of the document they’re shown in… Think of it like a separate window (one you may generate with window.open() in js) but then skillfully hacked into the main document with the viewport limited to whatever is specified on the iframe with some magic.

    • 0