印刷用CSSでハマった

この間、印刷用CSSを回収していて「そんなん知らねーよ!」ってなった事。

問題のCSS: page-break-before

いやコレでね強制改ページできるんで特定のdivタグのところで改ページさせようと

していたんだけど、ChromeではなるのにIE(対応対象はVer 9)だと改ページしてくれない。

IEでも解釈されるはずなのになんで?ってなって諦めてたんだけど、調べてたら出てきた。

IEの場合はpage-break-beforeが適用される要素がページをまたぐような位置にいる場合は

無視されるそうです。で、ちゃんとは調べてないのですがpage-break-beforeの場合はその

要素がpage-break-afterの場合は次の要素が判定基準になるっぽぽぽぽいです。

対処方法としては改ページしたい場所にからのdivを入れてその要素に対して改ページ指定の

cssを適用させるって方法。Web素人には分からんよ。Web上でCSSリファレンスをさっと見ても

そのことについての記述なかったし。んもう!