【再質問／完全解決で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回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
音楽のドレミですが、ドイツでは、ABCです（アーベーツェー）。英米でも、ABC（エービーシー）です。イタリ…
匿名質問者
1
2
-
友人が飲み会で勢いで浮気をしてしまったようで、非常に後悔している様子でした。 そして、その子が彼氏に…匿名質問者3
-
第二次大戦中のドイツ陸軍、ドイツ武装親衛隊、ドイツ親衛隊の写真を偶然みたのですけど、帽子を傾けて被っ…匿名質問者
-
明色化粧品の社名の由来を教えてください。匿名質問者1
-
陰陽師 0についての質問です。 序盤で安倍晴明がカエルを殺すシーンがありますが、なんといって詠唱したの…匿名質問者
IE6、IE7、Firefox4→印刷枚数が1枚となる。
IE8→印刷枚数はページ分だが、印刷されるのは1ページ目のみ。
試してみたこと：
iframeと同サイズのspacer.gifをiframeの下に絶対配置
→IE6〜8、Firefoxにて印刷枚数＝ページ分となるものの、実際に印刷されるのは1ページ目のみ。