I'm still new to some of this, so it's possible I'm making a bone-headed mistake here, but how does CSS resolve the conflict when you use all three?
@page :first
@page :right
@page :left
I'm formatting a section of a book in which I want it to open recto, and I want the first page to have no headers footers but the rest of the pages should have headers/footers. But the first page always picks up the header/footer instructions for a right page. Is this a conflict the CSS doesn't handle well or am I doing something wrong?
Any help is appreciated!
@page :first
@page :right
@page :left
I'm formatting a section of a book in which I want it to open recto, and I want the first page to have no headers footers but the rest of the pages should have headers/footers. But the first page always picks up the header/footer instructions for a right page. Is this a conflict the CSS doesn't handle well or am I doing something wrong?
div.preface {
page-break-before: right;
page: preface;
}
@page preface :first {
margin-left:1in;
@top-right {content: normal;}
@bottom-center { content: normal; }
}
@page preface :left {
margin-right:1in;
@top-left {content: string(preface-header, first);}
@bottom-center {
content: counter(page, lower-roman);
margin-right:1in;}
}
@page preface :right {
margin-left:1in;
@top-right {content: string(preface-header, first);}
@bottom-center {
content: counter(page, lower-roman);
margin-left:1in;}
}
Any help is appreciated!