※ ChatGPTを利用し、要約された質問です(原文:表の罫線について (印刷))
印刷時に表の罫線が消える問題について
このQ&Aのポイント
表を作成している際に、印刷をすると一部の罫線が表示されず、消えてしまいます。
印刷の倍率を変えると、一部の罫線が表示されたり消えたりする現象が発生しています。
print用のcssに「border-collapse:separate;」を追加したり、他の対策を試しましたが、問題は解決していません。どのような原因が考えられるでしょうか?ご教授いただけないでしょうか?
行き詰ってしまいましたので、こちらで質問させていただきます。
下記のようなスタイルシートを使用して、表を作成しているのですが、
印刷をすると表の一部の線が消えて出てきません。
印刷の倍率を変えると、消えていた部分が表示され他が消えたりと
まちまちです。
/* css ***********************************/
table{
border-collapse:collapse;
}
table.testTbl td{
border:solid 1px #000;
}
/* html ***********************************/
<tbale class="testTbl">
<tr>
<td height="30" colspan="2">ああああああああああ</td>
<td width="220">いいいいいいいい</td>
<td>うううううううう</td>
</tr>
<tr>
<td>ああああああああああ</td>
<td>いいいいいいいい</td>
<td>うううううううう</td>
<td>ええええええええ</td>
</tr>
・
・
・
・
</table>
上記のような感じで表を組んでいるのですが、何か原因はありますでしょうか?
print用のcssに
table{
border-collapse:separate;
}
をいれてみたら出るかなと思い、入れたのですが、こちらでも一部が消えてしまいます。
どなたかご教授いただければと思います。
説明がわかりづらく申し訳ありませんが、宜しくお願いいたします。
お礼
丁寧にありがとうございます。 単純な表だけにしてテストしてみたいと思います。 こちらのソースでも試してみたいと思います。