タグ：PIE
PIE version 1.0 beta3
いつくらいに更新されたのか正確にはわからないんですが、去年の年末あたりにPIEが更新されていたようです。
具体的な変更点はまだ調べてませんが、レイアウトの崩れがなくなった代わりに、印刷ではCSS3が表現されなくなりました。
というか、印刷プレビューを開くとスクリプトエラーが・・・（でも出ない場合もある、この差がわからない・・・）※beta4でこの問題点は改善されました。
それでもレイアウトが崩れない分、beta3の方が使えそうなので、当ブログのPIEはこちらに差し替えました。
ついでにbeta2の印刷時のレイアウト崩れがどれくらいひどかったかというと、こちら
上記のサンプル画面で印刷プレビューを見てみてください。
nandani | 2011年02月05日 | コメント(0) | トラックバック(2) | CSS関連
PIEを使用する際の注意点【印刷】
※PIE version1.0 beta3以降はレイアウトの崩れという最大のバグはなくなりました。
以下はPIE version1.0 beta2以下の場合、起きるバグです。
最近まで気づかなかったのですが、PIEを利用したサイトをIEにて印刷しようとすると、とんでもなくレイアウト崩れがおきます。
当サイトはPIEを使用しているので、IEにて印刷プレビューを見てみるとわかりますが、もはや使い物になりません。（※PIE version1.0 beta4にしたので、レイアウトの崩れはなくなりました）
記述方法が悪いのかなぁ？
とりあえず印刷用のスタイルと分けて、印刷ではCSS3を使用しないようにするとかしたほうがよさそうですね。
スタイル内にて印刷スタイルとスクリーン用スタイルをわける方法については以下のサイトを参照
印刷時専用のスタイルシートを作る（All Abouさんのサイト）
■追記
と思ったら、上記のサイトに載っているスタイルシート分けでは対処不可能のようです。
@media printのスタイルにはPIEの記述は外しているのになぜか反映されない・・・なぜ？
PIE、まだ早すぎる技術なのか・・・
<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
で分ける方法だったらさすがにうまくいくと思うのだけど、まだ未検証。
■追記２
と思ったけど、やっぱりダメでした・・・
PIE version1.0 beta3から、この問題点はかなり解消されましたので、バージョンをあげましょう。
nandani | 2010年12月02日 | コメント(0) | トラックバック(2) | CSS関連