何らかの理由で、私の div は Firefox と Chrome では正常に出力されますが、IE に移動すると機能しません。div の 1 ページのみを印刷し、次にヘッダーとフッターを印刷します。新しいコードをいくつか追加して、うまく機能するかどうかを確認しましたが、まだ問題があります。現在のコードは正常に出力されますが、外部スタイル シートではなく、ページにあった div スタイルを継承しません。以下のコメントアウトされたコードは、以前にあったものです。誰か助けはありますか?
function buildPrint() {
var sourceDiv = document.getElementById("display_div");
var WindowObject = window.open('', 'print_div', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');
WindowObject.document.writeln(sourceDiv.innerHTML);
WindowObject.document.close();
WindowObject.focus();
WindowObject.print();
WindowObject.close();
//document.getElementById("print_div").innerHTML = sourceDiv.innerHTML;
//window.print();
}
<asp:Content ID="Content3" ContentPlaceHolderID="BodyPlaceHolder" runat="server">
<div id="display_div">
<asp:CheckBox ID="showAllOptionals" runat="server" Text="Show All Optionals" AutoPostBack="true" />
<asp:Literal ID="mainTable" runat="server" />
</div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="PrintContent" runat="server">
<div id="print_div" style="page-break-after:avoid;">
</div>
</input><input onclick=\"buildPrint();\" id=\"printBtn\" type=\"button\" value=\"Print\">