Internet Explorerの最近のブログ記事

ウェブサイトの印刷時に遭遇した不具合とその対応をメモ。
印刷プレビューだとコードインスペクタも使えないし、なかなか原因が分からないですね。

印刷の最後に真っ白なページが出る(主にFirefox3、IE8、IE7)

ページ内のブロック要素にmin-heightを指定していると発生。印刷用CSSでmin-height: inherit min-height: 0などとする。inheritだとIE7でまだ空白ページが出た。
なお、印刷の途中に真っ白なページが出るのは、その前後のブロックのpaddingが原因の場合がある。

印刷の最初に真っ白なページが出る(主にSafari4)

先頭のブロック要素にpadding-topがある事が原因。印刷用CSSでpadding-top: 0に。

画像が印刷されない(Opera10)

印刷用CSSで、画像のwidth、heightに実際より小さい値を指定する。遭遇したケースの場合、600x848pxの画像に対し、width: 599px、height: 846pxを指定したら印刷された。

今時Operaのシェアなんて無きに等しいので、「印刷の際には別のブラウザを使用してください」という断り書きでもいいのではないかと思う。

Microsoftが提供する無償ツール。IE6~8の表示確認が可能(ただしIE7、IE8はマシンにインストールされているバージョンのみ)。ダウンロードは以下から。

使ってみたけど、リンク先ページへの遷移がクリックでできないっぽい。毎回URLを直打ちしなきゃいけないって事か?本当に?

ちなみに他にもこういうものがあるが、いまいち信頼できずVMware Player上の実OSで確認。
使った事はないんですが、「実は実機のIEと表示が違いました」という事がありそう&ホストOSに悪い影響がありそうで...。

Internet Explorer

Firefox

Safari

Chrome

Chrome 1.0がSafari 3.2とほぼ同様、Chrome 2.0がSafari 4.0とほぼ同様。

Opera

via. CSSの実装状況を知るには? - Web標準Blog

各種バージョンのIEを同時実行させてしまうプログラム。Internet Explorer Developer Toolbarまでもが同梱されているというのが涙もの。
過去に色々IEの共存を試してきたけれど、これは決定版という感じ。IE8も正式リリースされた今、ありがたいツールです。

赤字部分には「IEをプライマリブラウザとして使わない事。IE特有の問題に時間を割きたくなければ、ビジターにMozilla FirefoxSを使わせよう」と書かれている。FirefoxSって?と思ってリンク先をクリックしてみたら、最後までよく読んでませんが「IE最悪」「Firefox最高」的な事がずらずらと書かれ、ゴミ箱にIEを放り込んでいる絵が。FirefoxSというのはユーザーにFirefoxを自動ダウンロード、インストールさせる為のツールらしい。作者のIEに対する怨念が伝わってくるw

実際、IEを切り捨てるわけにはいかないけれど、もういい加減IE6はできれば切り捨てちゃう方向に持って行きたいです。

via. IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection - coliss

Firefoxのブックマーク同期アドオン「Firemarks」が、IE、Safariにも対応になって「Xmarks」に。
サイトおすすめ機能はどうでもいいけど、クロスブラウザになったのはうれしい。

かなり特殊な現象で、解明に苦労したのでメモ。

ico形式に間違いがないのに表示されない場合、キャッシュと同時に履歴もクリアしてみること。
IEは初回アクセスでfaviconが見つからなかった場合、それを記録しておき、2回目以降取りに行かないそうで。

via. favicon(ファビコン)に少しはまる(IE7で表示されなかった訳) - WEBプログラミング NOW!

Vista 32bit上のIE7

詳しくは見せられないので分かりづらいですが、下の方の点線がフッタです。これは正常表示。

Vista 64bit上のIE7 32bit版

clearfixが効かず、フッタが上の方にきて重なってます。

Vista 64bit上のIE7 64bit版

これも正常表示。

これは困った。ここまで対応してたら年が明ける。
マシン固有の問題だろうか。ひとまずMicrosoftに報告しよう。

IEのHTTPヘッダをエクスプローラバーに表示。ダウンロードはieHTTPHeaders - Blunck Softwareから。

Microsoft Internet Explorer独自のスタイルプロパティ。以下はbehavior Attribute | behavior Property - MSDNの和訳かつ要約。

TwitThis

今読んでいる記事をTwitterに投稿