2010-01-26 17 views
2

我需要输出此页面的PDF - http://mpkb.org/doku.php/home:1 - 并在每个页面的底部制作版权声明。问题是,当我从Firefox for Mac导出为PDF格式时,该语句被剪辑。 (我只是有一个月做一次,所以我并不介意,这并不在其他浏览器。)当以PDF格式导出时,Firefox剪辑底部div用于在每个页面上提供版权信息

使用老式埃里克迈耶建议,这里是我使用的CSS:

#print-footer {display: block; position: fixed; bottom: -20px ; overflow: visible;} 

我曾尝试:

  • 改变底部:-20px为0px和分配 “填充:50像素” 为包含该内容的元素,即.dokuwiki,.clearfix,#wrap,身体,HTML 。
  • 在页面设置中更改Firefox的页边距。
  • 试用Google Chrome for Mac或Safari Mac。
  • 将包含内容的元素的背景颜色更改为无或透明。
  • 更改包含内容元素的z指数小于的z-index为#打印页脚

这是太痛苦带入的Adobe Acrobat这个每当我更新此文件。

任何想法?

感谢, 保罗

回答

1

我与打印CSS的经验是有限的,但试试这个:

@page { 
    margin-bottom: 4cm; 
} 

#print-footer { 
    display: block; 
    position: fixed; 
    bottom: -10px; 
} 

我能得到本身在每一页的版权,但它与内容重叠和我无法获得@page属性的工作。这里有一些你可以尝试的东西。

@page copyspace { margin: 5cm; } 

body { page: copyspace; } 

#print-footer { ... } 
2

感谢您抽出时间,UberNeet。

我其实花了很多时间在这个问题上。这里的主要问题是,@页不被几乎所有的浏览器(我认为歌剧是个例外),即使它是一个CSS 2.X规范支持: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#Grammar_and_rules

我周围的CSS戳3种规格: http://www.w3.org/TR/css3-page/#page-size-prop

...还有几个更有用的,打印友好的功能,我只能梦想浏览器将支持。

例如:

@page { 
    @bottom-center { 
    content: "Copyright 2003-2010 Autoimmunity Research Inc."; 
    color: #b31b1b; 
    font-size: 11px; 
    font-family: verdana; 
    margin-bottom: 10px; 
    } 
} 

所以我结束了使用的程序的荣誉CSS3地球上为数不多的项目之一做:PrinceXML。

PrinceXML太棒了!我所要做的就是下载和我的Mac上安装它,并输入到我的终端这样的:

/Users/myaccount/prince/bin/prince http://mpkb.org/doku.php/home:1 -o /Users/my account/Desktop/final.pdf 

我也得到一个完全格式化的PDF。很酷,不是吗?

顺便说一句,谁想要做些什么花哨的,如一个目录的人,你应该检查这篇文章: http://www.alistapart.com/articles/boom

好了,反正,希望这可以帮助别人。

Paul