Problem bei Druckansicht auf mehrere Seiten

[gondor]

Hallo,

ich möchte folgende Druckansicht mittels CSS steuern:

<div style="width:180mm; height: 250mm;">
 <div style="width:180mm; height: 20mm;">Header</div>
 <div style="width:180mm; height: 210mm;">Content</div>
 <div style="width:180mm; height: 20mm;">Header</div>
</div>

Jetzt möchte ich, wenn 'Content' länger als eine Seite wird einen Umbruch erzwingen:

Page 1:

<div style="width:180mm; height: 250mm;">
 <div style="width:180mm; height: 20mm;">Header</div>
 <div style="width:180mm; height: 210mm;">Anfang Inhalt Content</div>
 <div style="width:180mm; height: 20mm;">Header</div>
</div>

Page 2:

<div style="width:180mm; height: 250mm;">
 <div style="width:180mm; height: 20mm;">Header</div>
 <div style="width:180mm; height: 210mm;">Ende Inhalt Content</div>
 <div style="width:180mm; height: 20mm;">Header</div>
</div>

Kann ich das mittels CSS steuern? (Stichwort: page-break-after, page-break-inside, page-break-before)

Danke für Hilfe,

gondor(..)

[suit]

Kann ich das mittels CSS steuern? (Stichwort: page-break-after, page-break-inside, page-break-before)

semantisch vernünftiger code statt div-suppe erledigt das ganz von alleine

leider ist die angabe von umburchsverhalten in druck-stylesheets sehr beschränkt unterstützt in verschiedenen browsern

page-break-before und page-break-after sind nutzbar, der rest sieht aber schlecht aus:
http://de.selfhtml.org/css/eigenschaften/printlayouts.htm

von der erste <p> statt <div> und du hast dein page-break-inside quasi automatisch

ggf solltest du dich auch von den fixen höhen trennen ;)