スタイルシートで位置固定すると、スタイルシートでの改ページ指定ができなくなる

解決済

質問者：ps5550
質問日時：2004/07/06 15:13
回答数：1件

スタイルシートのpositionを使用して位置固定すると、page-break-beforでの
改ページができなくなります。
位置固定し、かつ、その文字の直前で改ページする方法はないでしょうか？
ブラウザはIE5.5以降を考えてます。

======================================================================
<html>
<body>
<div style="position:absolute; top:100px;">
テスト１
</div>
<div style="position:absolute; top:150px; page-break-before:always;">
テスト２(この文字の直前で改ページさせたい）
</div>
<div style="position:absolute; top:200px;">
テスト３
</div>
</body>
</html>
======================================================================

宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： www15
回答日時：2004/07/13 01:01

色々試したところ，以下のソースで成功しました(IE6)。

<html>
<body>
<div style="position:absolute; top:100px;">
テスト１
</div>
<div style="position:relative;page-break-before:always;">
<div style="position:absolute; top:150px;">
テスト２(この文字の直前で改ページさせたい）
</div>
<div style="position:absolute; top:200px;">
テスト３
</div>
</div>
</body>
</html>