あなたは何にトキメキますか?

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

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

宜しくお願いします。

A 回答 (1件)

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



<html>
<body>
<div style="position:absolute; top:100px;">
テスト1
</div>
<div style="position:relative;page-break-before:always;">
<div style="position:absolute; top:150px;">
テスト2(この文字の直前で改ページさせたい)
</div>
<div style="position:absolute; top:200px;">
テスト3
</div>
</div>
</body>
</html>
    • good
    • 0
この回答へのお礼

改ページするときは、position:absoluteではなく、position:relativeじゃないとダメだってことですね。
気づきませんでした。
あきらめかけてたとこだったのですが、大変助かりました。
ありがとうございます。

お礼日時:2004/07/13 11:28

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報