Hallo all.
I'm using CSS3 for pagination in print mode as described in the tutorial.

@page {
        @bottom-center { content: "Page " counter(page) " of " counter
(pages); }
}

This works fine but I would like to extract the text content from the css
and put it in a div in the html page: something like this:

<div id="footer" style="">  Page <span id="pagenumber"/> of <span
id="pagecount"/> </div>

So in my css I changed the @page directive in this way

@page {
        @top-center { content: #footer; }
}

#pagenumber:before {
        content: counter(page);
}

#pagecount:before {
        content: counter(pages);
}

The before works fine but I cannot position the div id="footer" the the
top-center of the page.

Where is the problem?

Kind regards
Massimo

-- 
Massimo Ugues
http://m4zi.wordpress.com/
jabber: m.ug...@gmail.com
skype: m.ugues
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to