- ベストアンサー
印刷時に表の罫線が消える問題について
- 表を作成している際に、印刷をすると一部の罫線が表示されず、消えてしまいます。
- 印刷の倍率を変えると、一部の罫線が表示されたり消えたりする現象が発生しています。
- print用のcssに「border-collapse:separate;」を追加したり、他の対策を試しましたが、問題は解決していません。どのような原因が考えられるでしょうか？ご教授いただけないでしょうか？
- mayugen148
- お礼率42% (3/7)
- CSS
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
再現できません。どのブラウザでも、またIEの互換モードでも・・ 単純な表だけにして他の要因がないか調べるしかないかと・・ ★タブは＿に置換してあるので戻す。 [HTML4.01 strict]+[CSS2.1] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- table[summary="テストのための表"]{ border-collapse:collapse; } table[summary="テストのための表"] tbody td{ border:solid 1px black; } table[summary="テストのための表"] tr:first-child td+td{ width:16em; } table[summary="テストのための表"] tr:first-child td+td+td{ width:auto; } --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<table summary="テストのための表"> ＿＿＿<tbody> ＿＿＿＿<tr> ＿＿＿＿＿<td colspan="2">あいうえお</td> ＿＿＿＿＿<td>かきくけこ</td> ＿＿＿＿＿<td>そしすせそ</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<td>あいうえお</td> ＿＿＿＿＿<td>あいうえお</td> ＿＿＿＿＿<td>かきくけこ</td> ＿＿＿＿＿<td>そしすせそ</td> ＿＿＿＿</tr> ＿＿＿</tbody> ＿＿</table> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
お礼
丁寧にありがとうございます。 単純な表だけにしてテストしてみたいと思います。 こちらのソースでも試してみたいと思います。