问题标签 [printing-web-page]

我有一个在 IE6/7 和 Firefox 3.5 中呈现良好的页面。IE6 和 Firefox 3.5 打印页面都没有问题，但 IE7 可以。打印页面时，我的内容 div 的前半部分不可见，但显示的两个表格除外。内容开始重新出现在句子中间，没有任何标签或中断。

这几乎就像隐藏了 div 的前半部分但让表格显示出来的东西。但是，我没有不合适的标签、没有神奇的空浮动 div 或任何类型的验证错误，而且我还有其他几个使用相同 CSS 的页面都可以正常打印。

有没有人经历过类似的事情？你是怎么解决的（如果你没有因为沮丧而放弃的话）？

编辑：我终于有更多的时间来研究这个问题，而且我已经很好地缩小了问题的范围。我可以通过执行以下两项操作之一来显示所有文本：将 div 的“位置”样式属性更改为“绝对”以外的其他内容（这会导致定位完全错误），或者通过注释掉少量的内容。

这里是可以注释掉的内容...

<p><strong>Personal Expenses: </strong>EJTH will bill your credit card for any additional expenses (extension <!--XXXX-->airfare, etc.), if applicable. <strong><!-- begin broken part --><em>All charges must be paid in full before your electronic ticket confirmation will be emailed. No payments will be accepted on-site. Note:</em></strong> When using a credit card for personal purchases (i.e., optional activities, trip extensions, conference registration fees, etc.), &ldquo;MT&rdquo; will appear as the vendor on your credit card statement.</p> <p>You will also be responsible for any personal charges you incur. These include phone calls, valet and laundry service or personal bar bills. The resort cashier will keep a separate record of these expenditures for you. Be sure to settle your personal account at the resort front desk prior to departure. <strong><em>Important: If you neglect to pay your personal (incidental) account when you check out, EJTH will bill you after the program for the actual cost, plus a 15% service charge.</em></strong><!-- end broken part --></p>

希望对你的帮助比对我的帮助更大。假设我今天没有被卷入其他事情，我将尝试使用 CSS 来解决问题。

编辑：屏幕！

第一个是页面当前的打印方式。我把XXXX放在内容重新出现的页面上；我也把它放在上面的代码中。如果你稍微眯起眼睛就能看到它。

http://img109.imageshack.us/img109/589/current.jpg

第二个是如果我将内容 div 的 CSS 位置从绝对值更改为相对值，页面将如何打印。

http://img514.imageshack.us/img514/9961/modcss.jpg

第三个是如果我注释掉“Broken Part”，页面的打印方式。也就是说，刚刚好。

http://img514.imageshack.us/img514/653/commented.jpg

是否有某种方法可以使用 javascript 或嵌入式 Flash 对象等从浏览器发出屏幕捕获（仅限浏览器窗口内容），以便保存或打印页面内容的完整质量图像或替代方法。

我有一个带有谷歌地图和其他 ajax 操作客户端的网络应用程序（asp.net 3.5），如自定义图块服务器。我一直在尝试为用户实现一种打印高质量网页捕获的方法。

我使用了基本的 Window.Print()，但在 IE 和 FF 中，谷歌地图中有很多工件，并且弹出的气泡等一些项目不会打印。我已经尝试通过cutepdf保存pdf（只是在这里发布一个示例）并且通过window.print（）的质量也很低。

例如，带有 FireShot 插件的屏幕截图是完美的，也是我希望客户拥有的。然而，这只是 FF，我不能要求客户在他们的浏览器上安装插件/activex 控件。

看看这个下载示例 zip 文件（4mb）：

1. 使用 FireShot 的示例屏幕截图（我想通过页面中的 html/JS 按钮实现的示例）
2. Firefox Window.Print() 结果（cutepdf 用于保存为 pdf）
3. IE Window.Print() 结果（可爱的pdf用来保存为pdf）

注意 2,3 中的小气泡即使打开也不会打印。

目前，我已经在我的网站上添加了全屏功能并引导用户截屏或调用 window.print() 函数。

我仍在寻找一种方法来打印/捕获我的页面。

是否有任何 flash/activex 控件可以包含在我的页面中并通过它们提供高质量的打印机制？

再次感谢所有帮助，但我仍然需要更多帮助。:)

先感谢您。

I have a web page containing a form that currently print comfortably in two pages. The second page has almost half a page of white space that I would like to be able to fill with a text box. Is this possible at all?

我在一个页面上有很多divs，其中包含不同数量的内容。我正在尝试使用page-break-inside: avoid;，以便每个 div 部分不会超过 2 页。

它适用于 Firefox，但不适用于 IE8。

我的 CSS 打印文件中有这个

我的 div 像<div class="page-break-inside-avoid">

IE8 现在应​​该支持这个。不是吗？

难道我做错了什么？有人解决了这个问题吗？或者有过相关经验吗？

任何帮助都会很棒。

非常感谢理查德

我有一个页面，其中有部分作为具有内部 div 和内容的 div。打印时，div 的数量从少于一页到多页变化很大。

我正在使用 page-break-inside: 避免在每个部分 div 上，以便所有部分永远不会打印/拆分跨 2 页。（这我只能在 Firefox 中工作，但整个其他故事......！）。

问题是我想在打印时将页眉图像添加到每页的顶部，但使用 page-break-inside：避免 css 属性我不知道在哪里添加页眉，因为这是在打印时工作的。

任何人都知道我能做到这一点吗？我能以某种方式找出分页符的位置并在那里添加标题吗？或者有没有一种方法可以在浏览器中设置标题图像，就像你可以在 word 文档等中一样？

请帮助非常感谢瑞克

我正在创建一个隐藏的 iframe，专门用于在 IE6 中打印。

以下是删除了一些 HTML 填充的代码的基本大纲：

这工作得很好，除了在每个打印页面的左下角显示的丑陋的“about:blank”。我想因为我正在动态制作这个 iframe，所以源（如 IE6 所见）是关于：空白。有没有办法伪造 src 或更改那里打印的内容？我尝试在打印之前设置 src，但显然这会将 iframe 更改为新页面并打印出来。有任何想法吗？

在适用于 IE6 的 CSS 中隐藏所有按钮但不是所有输入（比如下拉列表、文本输入框）的最简单方法是什么。这个 CSS 文件的目的是用于打印（使用 HTML 中的 media="Print" 标记）。

我们的用户目前可以从一个页面中选择一些基金，然后转到另一个页面，在图表上查看比较的基金。我现在必须向用户提供一个选项，以便为图表中的每个基金生成一个易于打印的情况说明书页面。

要求是每个页面都将在新窗口（或选项卡）中打开，并被最小化，以免在打开时“过于侵入”。有人可以建议我怎么做吗？这也意味着用户必须前往每个窗口或选项卡来打印页面。

他们还希望在每个新窗口中打开打印对话框，这样用户就不必打开它。这可能吗，在页面加载时打开打印对话框？如果是这样，有人可以建议如何 - JavaScript？

我不同意（最多）10 个新窗口绝不是侵入性的！理想情况下，我可以将这些新页面直接发送到打印队列。这可能吗？

否则，我可以为每个基金动态生成一个页面，去掉页面正文的内容并将该基金的内容添加到一个大的单页打印友好资料表中。有没有人有这种工作的经验？任何指针？

基于网络的打印有什么最新发展吗？

我知道使用@media print in CSS, PDF based solution or iTextSharp，但它们并不容易（@media print 除外）但如果收据包含条形码或者我必须格式化为 A5 等，对齐有点棘手，

HTML5 中是否有任何新内容可以支持这一点？

我想从基于 Django 的 web 应用程序打印收据。

有小费吗？

谢谢。

我有一个使用可编辑 div 的网站，以便用户可以修改或记下文本。有没有一种方法可以让网站生成一个 pdf 或一些带有脚注的可打印文档，这样如果用户有这个：

该网站将生成一个可打印的版本（或文档），该版本div.notes将作为脚注出现在出现的同一页面上div#text_1？我不需要一个完整的答案，只要在大方向上推一下就会很棒。谢谢。