※ ChatGPTを利用し、要約された質問です(原文:IE8で印刷時に背景が出ない(Floatを内包する要素))
IE8で印刷時に背景が出ない(Floatを内包する要素)
このQ&Aのポイント
IE8で印刷時に背景が出ない(Floatを内包する要素)
IE8で印刷時に背景が出ない問題が発生しています。firefox、IE6、IE7では正常に印刷されるのに、IE8では複数ページの場合にのみ背景が表示されません。
clearfixの削除や他の原因の特定には至っておらず、アドバイスを求めています。
IE8で印刷時に背景が出ない(Floatを内包する要素)
IE8で印刷時に背景が出ない(Floatを内包する要素)
以下の内容のページを印刷の際、IE8で#wrapの内容が複数ページにまたがるときだけ#wrapの背景画像がうまく表示されません(最終ページのみ背景が出ます)。
firefox、IE6、IE7では問題なく印刷されます。
clearfixの仕方に問題があるのかと削除して試しても結果は同じでした。
他に原因が思い当たらず困ってるのですが、アドバイスをいただけないでしょうか?
※css
#wrap {
width: 850px;
background-image: url(../_images/common/wrap_bg.gif);
background-repeat: repeat-y;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
}
#main_contents {
width: 600px;
float: right;
}
#side {
width: 250px;
float: left;
}
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
@media print{
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:visible;
}
}
※HTML
(前略)
<div id="wrap" class="clearfix">
<div id="main_contents">~</div>
<div id="side">~</div>
</div>
(後略)
お礼
結局解決策は見いだせませんでしたが、ありがとうございました
補足
アドバイスありがとうございます。 #warp以外の背景は指定どおり印刷されているので該当しないと思います。