昨日の『[web]CSS分かんない』に書いたことですが、id:firewire4946さんの助言がありまして、一応何とかしました。まぁ、ソースのスタイルシート部分を見て頂ければよいのですが、
@media screen （画面用） @media print （印刷用）
というように、画面用と印刷用でそれぞれスタイルシートを使い分けて、まとも？に印刷できるようにしました。参考にしたのは下のページです。
⇒メディアタイプ - CSS2リファレンス
で、具体的にどういうことが起きていたかというと、HTMLのDIVタグにスタイルシートを使用する時、“ position:absolute ”を使用すると、印刷がまともに出来なくなったのです。特に Mozilla Firefox では、“ position:absolute ”で指定した段落が1ページからはみ出しているのに改ページされないということが起きました。つまり、以下の画像みたいになったのです。
⇒Firefoxでの印刷画面のスクリーンショット
そこで、“ position:absolute ”の代わりに“ float:left ”を使ってみたのですが、これだと width の問題なのか、Internet Explorer と Firefox で見え方が違ってしまうんです。
とまぁ、いろいろやっていたのですが、id:firewire4946さんの助言を元に
- position:absolute は画面用
- float:left は印刷用
というようにしたら、まぁまぁうまくいきました。今でも、Firefoxだと、1ページ目には本文が印刷されないということが起きていますが、それ以外はまぁまぁまともです。
id:firewire4946さん、どうもありがとうございました。
