Question

我在Internet Explorer和Chrome中发现了一个奇怪的问题：我有一个简单的HTML表格，没有布局CSS，2列，没有样式，宽度设置为100％。当我尝试在Internet Explorer（所有版本）和Chrome中打印此表时，第二页及之后的第一个单元格将被删除。

HTML代码段：

<html>
<head></head>
<body>
   <table  width='100%' cellspacing='0'>  
      <tr><td  align='left'>Date</td><td  align='left'>Order No.</td></tr>  
      <tr><td  align='left'>5/24/2011</td><td  align='left'>287426</td></tr>
      <!-- SNIP :: Many more rows -->
    </table>
 </body>
 </html>

整个表格可在以下位置找到： https://gist.github.com/1000367

Internet Explorer上的“打印预览”中的输出（第2页）如下所示：

Missing first cell

我添加了彩色线条和圆圈以突出显示左侧单元格丢失。

有什么想法吗？

我试过调整桌子外面的cellpadding和边距，没有运气。如上所述，我还添加了以下css规则，但没有效果：

   BODY { margin: 0px; padding: 0px; }

Answer 1

如果未正确设置doctype，则IE会出现问题。尝试在页面顶部添加doctype。在我的测试中，将<!DOCTYPE html>添加到示例顶部修复了问题。

Answer 2

只是想一想，但您可能想要为打印媒体调查不同的css文件。这是一种常见的做法，但我不确定对您的具体问题提出什么建议。自从我不得不进行详细打印标记以来已经过了几年。

我现在为我的网站使用Blueprint CSS，它有一个单独的css文件用于打印。 http://www.blueprintcss.org/你可能只需要像蓝图一样的特定印刷品。

Answer 3

我感觉这是因为100％。为表格设置固定大小的链接400px可能更好。

Answer 4

我有同样的问题。我试图修复的网页不是HTML 5，并且具有以下DOCTYPE ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

...但即使改为HTML 5 ......

<!DOCTYPE HTML>

......没有帮助。我发现META标签也导致了这个问题......

<META content="IE=5.0000" http-equiv="X-UA-Compatible">

...当我删除此元标记时，即使HTML 4 DOCTYPE也正确显示。

HTML表的打印会在第一列中删除单元格

4 个答案: