Rectangle 27 0

css When exporting as PDF, Firefox clips bottom div intended to provide copyright message on every page?


/Users/myaccount/prince/bin/prince http://mpkb.org/doku.php/home:1 -o /Users/my account/Desktop/final.pdf
@page {
  @bottom-center {
    content: "Copyright 2003-2010 Autoimmunity Research Inc.";
    color: #b31b1b;
    font-size: 11px;
    font-family: verdana;
    margin-bottom: 10px;
  }
}

...and there are several more useful, print-friendly features that I can only dream a browser would support.

And I get a perfectly formatted PDF. Cool, no?

By the way, for people who want to do something fancy such as a Table of Contents, you should check this article: http://www.alistapart.com/articles/boom

I actually spent a lot more time on this problem. The main problem here is that @page is not supported by almost all browsers (I think Opera is an exception) even though it is a CSS 2.X specification: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#Grammar_and_rules

PrinceXML is awesome! All I had to do was download and install it on my Mac and type into my Terminal this:

So what I ended up doing is using one of the few programs on earth that does honor CSS3: PrinceXML.

Well, anyway, hope this helps someone else.

Note
Rectangle 27 0

css When exporting as PDF, Firefox clips bottom div intended to provide copyright message on every page?


@page copyspace { margin: 5cm; }

body { page: copyspace; }

#print-footer { ... }
@page {
   margin-bottom: 4cm;
}

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

I was able to get se the copyright in every page, but it was overlapping with the content and I couldn't get the @page property working. Here are some things you could try.

My experience with print CSS is limited but try this:

Note