タグ:PIE

PIE version 1.0 beta3

いつくらいに更新されたのか正確にはわからないんですが、去年の年末あたりにPIEが更新されていたようです。

具体的な変更点はまだ調べてませんが、レイアウトの崩れがなくなった代わりに、印刷ではCSS3が表現されなくなりました。

というか、印刷プレビューを開くとスクリプトエラーが・・・(でも出ない場合もある、この差がわからない・・・)※beta4でこの問題点は改善されました。

それでもレイアウトが崩れない分、beta3の方が使えそうなので、当ブログのPIEはこちらに差し替えました。

ついでにbeta2の印刷時のレイアウト崩れがどれくらいひどかったかというと、こちら

上記のサンプル画面で印刷プレビューを見てみてください。

PIEのダウンロードはこちらから

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" />

で分ける方法だったらさすがにうまくいくと思うのだけど、まだ未検証。

 

■追記2

と思ったけど、やっぱりダメでした・・・

PIE version1.0 beta3から、この問題点はかなり解消されましたので、バージョンをあげましょう。

PIEダウンロードはこちら。

nandani | 2010年12月02日 | コメント(0) | トラックバック(2) | CSS関連

Copyright(c) 2010 - 2017 ダリの雑記