どのように私はIE7はCSSによって隠された列と正しくこの<表>を印刷するのですか?
-
24-09-2019 - |
質問
注。ここに私のHTMLの易しく書き直さダウンバージョンがあります:
<table>
<colgroup>
<col width="20" class="hidden_col" />
<col width="50" />
<col />
</colgroup>
<tr>
<td class="hidden_col"><input type="checkbox" /></td>
<td>Title</td>
<td>Longer Description</td>
</tr>
</table>
そこで、私はこのような "印刷" スタイルシートを含めています:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
そして、そのスタイルシートには以下のものが含まれます:
.hidden_col {
display: none;
}
今でもIE8、この作品の罰金を含むほぼすべての他のブラウザで、上。あなたがその最初の列を参照してください画面で、印刷プレビューで、あなたにはありません。しかし、いくつかの理由で、IE7は非常に奇妙な動作をします。これは、通常のコースの画面に物事を表示しますが、あなたが行くとき、IE7でのショーがあることを唯一のプレビューを印刷するには、「長い説明を。」換言すれば、それは、その最初の列を隠し、それはまた、第二のカラムを非表示にします。どのように私はすべてのブラウザでこの作品を作るのですか?
解決 3
私は何をやってしまったことは、単に細胞自体の幅を指定していないまったくもう<colgroup>
を使用しています。私はしばらくの場合には、誰もがよりよい解決策を考え出すことができるためのオープンこの質問を残しておきますが、それは仕事をしたので、私の心の中で理想的ではありません。ここに私の最終的なHTMLだっます:
<table>
<tr>
<td width="20" class="hidden_col"><input type="checkbox" /></td>
<td width="50">Title</td>
<td>Longer Description</td>
</tr>
</table>
他のヒント
あなたは、テーブルの単一の要素を隠すことができない、テーブル内の要素は、彼らだけが唯一のことになっている、少なくとも、「テーブル - 」で始めるCSSの表示プロパティを使用することができます。 詳細については、このを参照してください。
編集:私はあなたの問題は、あなたが使用することになっていないプロパティを使用してからわずかグリッチであると仮定したい。
。これを試してみてください
td .hidden_col{
display: none;
}
印刷モードで、何らかの理由で一部のブラウザで印刷モードでのCSSスタイルで継続ができます。