【再質問／完全解決で500ポイント】【print.css】超縦長のiframeが含まれるページを、IE6〜8、Firefox全てで正常に印刷する方法はあるでしょうか。
通常の記述では1ページ目のみ印刷され、残りが印刷されません。
■条件
・横幅はプリント用紙にfixするぐらいでの印刷サイズを想定（IE6にて横幅がオーバーするのはそのままでOK）。縮小して1ページにすべて表示させるのはNGです。
・印刷時に最低3ページ以上に印刷される縦幅のiframeサイズを想定。
・できればhtml、cssのみでの対応（JSを使わない）。ブラウザ毎のCSSハック可。
（※JSを利用しての解決は、通常分割ポイントとさせていただきます）
・iframe以外の要素の利用可（例えば同サイズの要素を絶対配置で下に重ねるなど）。
以下、サンプルソースです─────────────
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<iframe src="
http://mymd.microdiet.jp/campaign/supple_calorie50_01/" frameborder="0" class="test" width="850" height="10000"></iframe>
</body>
</html>
みんなの回答
-
うぃんど
満足200pt
ブラウザがBODY全体の高さを求める際に「IFRAMEの高さを用いることは出来ないよう」なので下記のように決め打ちで対応するしかなさそうです
<body style="height:10100px"> <iframe src="省略" frameborder="0" class="test" width="850px" height="10000px"></iframe> </body>
BODYとIFRAMEの高さの差は適当に100pxにしてますので、デザイン（マージンやパディング）にあわせて調整してください
-
forcutie
-
forcutieこの質問へのコメント
質問の情報
- 登録日時
- 2011-05-14 14:15:56
- 終了日時
- 2011-05-17 20:59:30
- 回答条件
- 1人3回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
皆さんはアカウント永久凍結された事、ありますか？
匿名質問者
2
2
2
-
経産省の公告？文章です。前半の部分何度読んでもクラクラします。おかしくないですか？ 「本年10月29日、…
minminjp2001114
-
入浴剤を買おうとする時、裏面のまずどこを見ますか？ ぼかぁ残り湯を洗濯に使えるかどうかをチェックする…匿名質問者1
-
皆さんはデスノートの夜神月は、許せますか？許せませんか？匿名質問者
-
サンライズ出雲・瀬戸に乗りたいのですが、一か月前には予定が決められず、直前でチケットを取ろうとしても…
operator88231
IE6、IE7、Firefox4→印刷枚数が1枚となる。
IE8→印刷枚数はページ分だが、印刷されるのは1ページ目のみ。
試してみたこと：
iframeと同サイズのspacer.gifをiframeの下に絶対配置
→IE6〜8、Firefoxにて印刷枚数＝ページ分となるものの、実際に印刷されるのは1ページ目のみ。