Footer printed on the last page at the bottom of the page

This is my white whale.

For media, my footer is fine. It displays at the bottom of the page. I’m using a bootstrap3 layout.

I’ve done a number of searches on printing, and no one seems to have an answer for this. I want the footer to print on the last page only, at the bottom of the page, regardless of how much page there is left. So if page 2 only prints the first 1/4 of the page, I still want the footer at the very bottom.

I’ve seen this mentioned repeatdly:

@page:last {
    @bottom-center {
        content: "footer stuff here";

Yet in the latest versions of FF, IE and Chrome, I cannot seem to get that to work.

thoughts? solutions?


I don’t think there’s any browser support for that yet. I can’t actually see : last in the specs as it says either :first : right or :left. (I believe there should be a space after @page also (@page :first).)

You could print a footer on every page using a ‘tfoot element’ but it would not be right at the bottom of the last printed page.