Page Numbers when printing from Google Chrome

Question

I've seen this answer...

@page {
  @bottom-left {
    content: counter(page) "/" counter(pages);
  }
}

many times, but it never outputs anything to the page for me, even though it's supposed to work. I've tried 'inventive' ways of getting page numbers at the bottom but I can never get it to work reliably. The count is fine, but the location is always off, so I've scrapped it.

Any reason why this CSS shouldn't be working? As stated, I'm printing with Google Chrome.

score -2 · Answer 1 · edited May 23 '17 at 12:15

-2

There is an answer you could try from here... Browser Support for CSS Page Numbers

@page {
    counter-increment: page;
    counter-reset: page 1;
    @bottom-left {
        content: "Page " counter(page) " of " counter(pages);
    }
}

As it states on that answer, you need to reset a counter before using it (according to https://developer.mozilla.org/en-US/docs/CSS/Counters)

edited May 23 '17 at 12:15

Community

1
1

answered Oct 10 '13 at 20:29

Matt Maclennan

1,266
13
40

3

I guess I should have specified, I've seen this as well and it simply doesn't output anything anywhere on the screen. – Hoser Oct 10 '13 at 21:58

Page Numbers when printing from Google Chrome

1 Answers1

Linked