SJコーディング部による『超絶!コーディング日記』の記念すべき第1回は印刷用CSSについてです。

最近いくつかの案件で印刷用CSSを作成する事があります。
たいていの場合、印刷に必要ないナビゲーション部分をカットしてしまうことですむと思うのですが、
それだけではすまない場合やちょっと困ったときは以下を参考に。

●印刷画面にコンテンツが入りきらない!

IE5.5以降の場合は
zoomというIE独自のプロパティを使用できます。
こいつをbodyに指定してあげれば印刷画面にも入りきると思います。

値の設定は

数値:拡大率を数値で指定。1.0が標準。
%値:拡大率を%値で指定。100%が標準。
normal:標準サイズで表示。

また、その他の方法として、印刷画面に入りきらないのコンテンツの幅を固定指定してしまっているからであって、
該当箇所を
width: auto;
としておけば印刷用のサイズに合せられるはずです。(微調整は必要ですが)

●画像が印刷されない!

印刷ではCSSで指定した背景画像が印刷できないブラウザがあります、
オプションで設定すれば可能なものもあります。

ですから、どの画像を印刷したいのかを最初に決めておくほうが無難と思われます。
また、同様の問題で背景を色つきの画像にしておいてテキストを白にしてまうと何も読めなくなってしまうので気をつけましょう。

●レイアウトが崩れる!

CSSレイアウトで主流となっている2or3カラムレイアウト。
当然CSS内ではfloatプロパティが多数使用されています。

印刷画面ではこのfloatプロパティが悪さをすることが多々あります。

例えばMozillaのブラウザであれば、
「長いブロック要素をfloatすると2ページ以上あっても1ページしか印刷されなくなるバグ」
なんていう問題もあります。

引用:
https://bugzilla.mozilla.org/show_bug.cgi?id=104040
http://past.openvista.jp/blog/article/2004/07/css2print.php

筆者の経験から、floatでバグを起こすのはIE6でもあったような気がします。

印刷用CSSとスクリーン用CSSでは表示が異なることが多々あります。
それも印刷用CSSのバグなのなのだとは思うのですが、
印刷用のCSSではスクリーン用のCSSほどバグの解決法の情報量は多くはありません。
ですから、後は個人で手探りでやっていくしかないと思われます。

ではまた。

PS 部員募集中。

投稿者:
masaki

社内開発で「Flash CS3」+「Adobe AIR」を利用したツールを制作することになりました。
まずは、AIR環境の構築メモ。

■Adobe Integrated Runtime (AIR)インストール
1.Adobe AIR Installerをダウンロード
http://labs.adobe.com/downloads/air.html
※Englishのみのようです

2.ダウンロードしたファイルをダブルクリックしてインストール

■Adobe AIR update Beta 1 for Flash CS3 Professional
1.Adobe AIR update for Flash CS3 Professional をダウンロード
http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update
※win, macがあります、Japaneaseをダウンロードしましょう

2.ダウンロードしたファイルをダブルクリック
※もちろん「Flash CS3」でないとだめです

早い時期に記事にしているかたがいます、すばらしいです。
http://weblogs.macromedia.com/akamijo/archives/2007/08/adobe_air_updat_1.cfm
この記事の「ベータ1での既知の問題です。」はよく読んでおくと良いです。

以上。

投稿者:
J

MovableTypeで出力ファイルの文字コードを変更する方法についてです。

1.PublishCharsetで文字コード指定

MTで使用される文字コードを変更する場合は「mt-config.cgi」にのように記述します。
■例:Shift-JIS
———————-
PublishCharset Shift_JIS
———————-
注意点
・DBに保存されるデータの文字コードもShift-JISになる
・MTの全てのブログに適当される

2.「TransEncoding」プラグインを利用

詳しい設定方法はこちら
■スカイアークシステムのサイト
http://www.skyarc.co.jp/engineerblog/entry/2979.html
※「プラグインご利用の際の注意事項」を必ず読んでください。

どちらも似たような機能ですが場合により使い分けると良いと思います。

投稿者:
J