I would like to know if it is possible to print an HTML page containing an IFRAME that spans multiple pages. For some reason the browser keeps truncating the IFRAME after the first page. Here is a minimalistic example that demonstrates the issue outlined above. At first, here is a simple HTML page containing an IFRAME that should be optimized for printing:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<style>
html, body {
height: 100%;
}
iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<iframe src="iframe-content.html">
</iframe>
</body>
</html>
And here is the page I want to embed:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST-CONTENT</title>
</head>
<body>
<p>
Some very, very long text spawning multiple pages.
</p>
</body>
</html>
Using JavaScript is not an option. I'm looking for a solution that uses CSS only. Any help would be greatly appreciated.
ctrl+p