印刷用CSSを作ってみた

ブログ用に印刷用CSSを設定してみた。印刷ボタンを押すとその効果のほどがわかります。

要はスタイルシートに「@media print{}」を追加すればいいらしい。

/*
.....
普通に表示用CSS
.....
*/

@media print{
/*この中にCSSを記述*/
}

あとは、非表示にしたい部分を「display:none」していったり好きにする。
ただ、divとかのサイズ指定（width/height）の変更だけは「％」表記ではなく「px」とか「mm」とかの実数での指定じゃないと適用されなかった（Safari 5の場合。）

あと困ってるのがJavaScript、PDFってJavaScriptにも対応してるんだな、、、おかげで印刷しようとすると忍者ブログの広告がすごく邪魔。どんな感じに邪魔かは印刷プレビューでも見てみてね。
どうにか「印刷のときだけJavaScript無効」とか出来ないかな？