Log in / Register

Forum › How do I...?

Different running heads for different sections?

Anonymous
How do I specify different running heads for different sections of a document?
I tried 
@page #section1 { @top-left {content: "Section 1"; } }
with no heading being generated at all.
Thanks.
xuehong
If you have something like this in your document:
<body>
    <div id="section1">...</div>
    <div id="section2">...</div>
    ...
</body>


You will need something like this in your CSS:
@page section1 { @top-left { content: "Section 1" } }
@page section2 { @top-left { content: "Section 2" } }
div#section1 { page: section1 }
div#section2 { page: section2 }


Xuehong
Anonymous
Works fine, Thanks!