2009-07-27 22 views
1

我刚刚被要求将打印样式表添加到我编写的网站上,并且对Firefox为什么会破坏输出结果感到困惑。下页的打印预览揭示了什么我指的是:print.css问题

http://webreviewportal.com/ethicalmovers/newsite/aaem-customer-testimonials.php

当您尝试打印在Firefox该页面中,你会得到一个页面,在第二的见证的一部分(上标识他们被切断),另一个空白的第三页。我已经在IE和Safari中以适度的成功测试过了,没有这样的问题。思考?

此外,当您将页面缩放到任何高于150%的东西时,为什么文本会被切断(而不是打包)?提前致谢!

+0

我的第一个建议是:向我们展示您的问题中的print.css文件,但是,现在我将链接到此处:http://webreviewportal.com/ethicalmovers/newsite/include/print.css – 2009-07-27 17:02:27

回答

2

如果在print.css中将“overflow:visible”添加到#content中,它将在Firefox中正确打印。您的溢出设置为隐藏在style.css中,这就是为什么文本在一页上被切断的原因。

+0

谢谢,这照顾到了这个问题。当您将页面缩放到150%以上时,文本仍然是裁剪而不是打包,但我会尽我所能。 – Andrew 2009-07-27 18:17:00

0

我还没有真正尝试过打印样式表,但没有足够的必要性和好奇心。但是,查看W3C的页面paged media,发现可能必须明确声明或允许分页符:

本节介绍CSS 2.1中的分页符。五个属性指明用户代理可以或应该打破网页...

摘自:http://www.w3.org/TR/CSS2/page.html#page-break-props,2009-07-27,18:13

所以它可能是值得加入的分页符,或不允许的见证和标志之间的分页,加入:

#leftcol { 

page-break-inside: auto; /* although this may be the default value, anyway */ 

} 

我想我记得有问题,有了这样的,因为“浮动”属性的东西埃里克迈耶;但既然你已经说过float: none!important;我想你已经处理了。

+0

打印样式表对我来说也有点陌生,主要是因为你无法控制很多确定输出的元素(即页边距,这是用户定义的),因此在定义宽度和事物时具有较小的杠杆作用。 – Andrew 2009-07-27 18:18:52