今日の印刷用cssに関するメモとか
==========
2008.03.25 追記あり
==========
昔こんなこと書いてるけど。
mersy’s lab » Blog Archive » 印刷用のprint.cssを当てたページは別ページで
http://wp.mersy.jp/?p=21
とりあえず意味わからんね(苦笑
ここでもあげてる
東芝:会社概要 (会社概要サイトの使い方)
http://www.toshiba.co.jp/about/htuse.htm
が今のところ、印刷、印刷専用ページの理想かなぁ。
印刷専用ページより、普通に印刷、というのが一番難しいのでは?という気がするが。
とりあえず今日のメモ。
・背景が表示されない。
→widthとか設定してみる。親要素で何pxとか指定できてれば100%とかでもいけるかも。
・firefoxの印刷プレビューは当てにはしてはいけない。
→実際にプリントアウトしましょう。というか、firefoxはprint.cssはあんまり気にしてない?
・imgにはwidth,heightを指定する。
→firefoxは縮小してくれる?からか指定してないと、印刷時のズレの原因になるっぽい。
dreamweaverでwidthとか設定してないモノを自動で見つけて設定してくれるのとかないのかな?
・footerとかにwidth:100%とかいれておく。
→ページをまたいで印刷するときのズレをなくす(複数カラムの時)
・余白の認識?がちょっとわからない。
→positionを使ってるからか、floatをつかってるか。次のdivが詰まったり、下に入ってしまったり。
・印刷することを主に考えるなら角Rはあんまり使わない方がいいのかも?
→印刷時に背景との相性があまりヨクナイ気がする。javascriptつかえばどうなる?
・1pxのborderが表示されない
→原因はまだわからず。特定の環境下だとは思うが。
・見たまま印刷するためのprint.cssと必要要素だけに絞ったprint.cssを用意すればよいのかも。
→見たまま印刷できるようにメインのcssで出来る限りフォローできればベストかな。
・他の方々、実際印刷にってドコまで対応してるの?
→対応ブラウザはディスプレイ以上に大変な気がした。そういう意味では有名ドコは印刷しても問題なさそう。すごいな。
・Firefoxで印刷時に縮小すると背景が消える、背景がずれる
→100%で印刷すれば出る、もしくは普通だけど、ページにあわせて縮小すると、背景が消えたりずれたりする。
とりあえず今日のメモ。
勉強不足だねぇ。
==========
2008.03.25
・Firefoxの印刷縮小を選択してる時を追加