私は次の厄介なレイアウトを持っています:
<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td class="td1">
<div class="div1">
<br>
<div style="font-family: calibri,tahoma,arial; font-size: 14px">
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px"
id="06C" class="common">
<span class="display"><span style="font-weight: bold; text-decoration: underline">Reviewer</span></span>
<div id="B5E" class="common">
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="4FD" class="common">
<span class="display"><span style="text-decoration: underline">Consent</span></span>
<div id="692" class="common">
</div>
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="CF6" class="common">
<span class="display"><span style="text-decoration: underline">Indication</span></span>
<div id="C17" class="common">
</div>
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="59C" class="common">
<span class="display"><span style="text-decoration: underline">Location</span></span>
<div id="347" class="common">
</div>
</div>
</div>
</div>
</div>
<br>
<div class="div2">
<span><span style="font-family: calibri; font-size: 10pt; font-weight: bold">
<br>
Completed by:</span></span><br>
<span style="font-family: calibri; font-size: 10pt">* Mario Brothers on March 27,
2013 10:57 AM CDT
<br>
* Modified by Dennis Goliath on March 27, 2013 11:17 AM CDT </span>
<br>
</div>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td class="td2">
<div class="table2" style="width: 100%; height: 100%">
<table style="word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Result:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Orange
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Date:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
March 27, 2013 10:57 AM CDT
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Status:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
On Going
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Title:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Note
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Author:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Mario Brothers on March 27, 2013 10:57 AM CDT
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
はい、それはテーブル内の div 内のテーブルです...知っています...許してください:)
現在、これを印刷カスタマイズのテンプレートとして使用しています。
私が気付いた問題は、最後のテーブルの内容が印刷されないことです。ただし、ラッパー テーブルを削除すると (そしてテーブルを div 内に保持するだけで)、機能します。
IE(ちなみに、私はIEにバインドされています)がテーブルをレンダリングする方法が原因である可能性があると思われますが、確かにはわかりません。
何が起こっているのかを理解したいので、情報をお持ちでしたらよろしくお願いします。