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

HTML & CSS
1

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?

2

Hi,

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.