Internet Explorer 8 标准模式下的 Bing 地图打印问题

Question

我正在为我最近构建的 web 地图应用程序添加基本打印功能，但在标准模式下使用 Internet Explorer 8 时，我似乎无法正常打印。我希望有更多 CSS 经验的人可以提供帮助。

我在 jsbin 上创建了一个基本示例来演示我所看到的：http://jsbin.com/osepov/16。此示例在大多数浏览器中都能正确打印。但是，在标准模式下的 Internet Explorer 8 中，地图的平铺图像在打印时会从第一页跑到第二页上。我尝试了一堆不同的 CSS 组合，并在网上浏览了几个小时，寻找可能解决问题的技巧。到目前为止，我显然没有运气。

由于打印功能在大多数浏览器中运行良好，如果需要，我愿意在一些事情上做出妥协，以使其在 Internet Explorer 8 标准模式下运行：

1. 地图不必填满整个页面，减去页眉。它可以有一个固定的高度。
2. 标题很好，但我愿意没有它。

我知道可以在服务器上构建 PDF，但我真的很想用一个简单的打印样式表来做到这一点。

注意：是的，我必须支持 IE 8 标准模式。我有一个解决方案将 IE8 用户踢到 IE7 模式，但这对我的客户来说是不可接受的。

Answer 1

更新 2：我能够通过将 IE8 降低到 IE7 标准模式来解决问题。地图现在可以正确打印了。

更新：不，这并没有解决问题。我仍然看到同样的问题。这似乎有效，但我仍然看到问题。

原帖：我想我想通了。基本上，在 Internet Explorer 8 标准模式下打印时，“顶部”div 似乎导致整个页面被撞倒并跑到第二页。我不知道为什么这只是发生在 IE8 中而不是其他浏览器中，但是有各种奇怪的 IE 错误，我不明白。

最终修复：

#wrapper {height:100%;left:0px;position:absolute;top:0px;width:100%;}
#top {height:70px;position:relative;width:100%;}
#main {height:785px;overflow:hidden;position:absolute;top:70px;width:100%;}

因此相对定位“顶部” div 并将像素高度和“溢出：隐藏”分配给“主” div 似乎可以解决问题。

这不是一个完美的解决方案，但它符合我目前的要求。

这是更新后的解决方案：http://jsbin.com/osepov/19。