Forum How do I...?

Naming pages influences page breaks?

jean
I add this to my CSS:

div.book div.titlepage {
     page: book-title;
}


Now there are page breaks after every DIV :?
Without the rule, there are no page breaks either before or after DIVs.

I only want page breaks before
div.chapter div.titlepage
.
jean
Aargh! This does not cause page breaks:

div.book {
     page: book-title;
}


But when I make the rule more specific, as in my first post, it does. :shock:
mikeday
Do you have page properties applied to other elements in your document, or just that one?
jean
At that point, I'm just naming the page -- the @page rules are still commented out. I.e. the CSS has just this part of the named pages stuff:

div.book div.titlepage {
     page: book-title;
}


Here's my entire CSS file as it is now ..

/* WIP. Avoid ugly page breaks after headings and in TOC 
 * Pending release of Prince 6.0 rev 5
dt span.chapter { page-break-before: avoid }
dt span.chapter { page-break-after: avoid }
dt { page-break-before: avoid }
dt { page-break-after: avoid }
dl { page-break-inside: avoid }
 */

/* No big gaps after headings */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0em;
}
div.note h3 { margin-top: 0.5em }
/* Don't let heading font get smaller than body font */
h5, h6 { font-size:  12pt; }

/* Get rid of the underline */
a, acronym { text-decoration: none; }

/* Reduce spacing between paragraphs */
p { margin-top: 0.25em;
    margin-bottom: 0.25em;
}

dl { margin-top: 0.5em }
dd { margin-bottom: 0.5em }

/* Configure top-level page breaks */
div.part { page-break-before: always }
div.chapter > div.titlepage { page-break-before: always }

/* Don't allow orphan list titles. Both "before" and "after" rules are
 * necessary because there may be paragraphs between the title and the
 * list. */
div.variablelist > p.title { page-break-after: avoid }
/* Additionally, indent the list relative to the list title. */
div.variablelist > p.title ~ dl { 
    page-break-before: avoid;
    margin-left: 1em;
}

/* Keep example title with example */
div.example > p.title {
    page-break-after: avoid;
}

ul {margin-left: 0.8em}

/* Page numbers */

/*
div.book div.titlepage {
    page: book-title;
}
div.book div.toc {
    page: book-toc;
}
div.book div.chapter,div.part,div.glossary,div.appendix {
    page: book-body;
}

@page book-toc {
    @top { content: "Table of Contents" }
    @bottom {
        content: counter(page, lower-alpha)
    }
}

@page book-body {
    @bottom {
        content: counter(page)
    }
}
    */

/* Figures */

div.figure { 
    border: black solid 0.1pt; /* I want hairline and "thin" is too thick */
    padding: 1em;
    margin: 1em;
}

/* Keep figure title and caption together with figure */
div.figure { page-break-inside: avoid }

div.caption {
    font-size: smaller;
    margin-left: 1em;
}

/* Put caption below figure 
.figure {display:table; /+or inline-table if needs to be inline+/
   }
.figure .title
   {display:table-footer-group; /+ or table-caption with caption-side:bottom+/
   }
.figure .figure-contents
   {display:table-row}
*/

/* Colour "remark" elements red, so that we don't miss them during
 * editing */
.remark {color: red}

@page { marks: crop cross }
mikeday
I can't figure it out, that looks fine. Could you email me (mikeday@yeslogic.com) a sample document that demonstrates the incorrect page breaking behaviour?