http://blog.loaferz.com/?eid=532897
上記サイトより引用
↓↓↓
head内に
<link rel="stylesheet" href="common.css" type="text/css" media="screen,tv" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
と記述。
→common.cssはWEB上適用されるCSS
→print.cssは印刷時用に適用されるCSS
print.cssの中身は
@media print{
/*この中にCSSを記述*/
}
WEBでは表示されているけれども、印刷用には表示したくない時は、
.side {
display:none;
}
とすればよい。
http://www.db.gs/article/119497155.html
上記サイトより引用
↓↓↓
「FireFox対策」
FireFox対策は display:table と display:table-cell で float を指定している箇所をテーブルレイアウト化します。（floatは解除）
div.all{ display:table;}
div.left{ display:table-cell; float:none;}
div.right{ display:table-cell; float:none;}
