問題が発生したため Internet Explorerを終了されましたｗｗｗ
Internet Explorerを使っていた頃よく見かける「問題が発生したため Internet Explorerを終了します」のエラーメッセージ。
これがイラっとくるからオレはInternet ExplorerからFirefoxに乗り換えた。
お蔭様でFirefoxはとっても快適ｗｗｗｗ
「問題が発生したため・・・・」なんてエラーは全くない。
しかし、世の中Internet Explorerばかり・・・
このブログ「Dig*Dag」をInternet Explorerで見てくれてる人もたくさんいます。
というか最も多いブラウザがInternet Explorerですｗｗｗ
にもかかわらず、このブログ「Dig*Dag」の特定のページをInternet Explorerで閲覧するとこの「問題が発生したため Internet Explorerを終了します」とエラーが出てブラウザが終了してしまいます・・・申し訳ありません。
では何故、特定のページを開くとInternet Explorerが終了してしまうのか？
このエラーは「mshtml.dll」に関する部分らしい。
オレにはちょっとハードルが高い。
ググッてみてもInternet Explorerの修復関連のページが多い。
オレのパソコンのInternet Explorerだけなら自分のInternet Explorerを修復すればいいのだが、他のパソコンのInternet Explorerで閲覧しようとしてもエラーが出てしまう。
more >>新しいデザインのCSS レイアウト崩れ
今日、会社のパソコンでこのブログDig*Dagがどんな風に表示されるかチェックしてみました。
会社のブラウザはIE6。
世間で一番多く使われているブラウザ。
もちろんターゲットはIE6。
今回のCSSは自信があったッスが・・・
結果は・・・爆死っ！！
ヘッダー部分のレイアウトがぁ・・・崩れてるじゃないかぁ・・・
3カラムのレイアウトは崩れていないのでひと安心、と思いきや！
文字を大きくしていくと・・・
真ん中部分がストンと下に落ちている・・・
まずはヘッダー部分は少しwidthを変更し余裕を持たせて対処。
文字を大きくしていくと下に落ちてしまうのはどうすればいいかなぁ・・・
クロスブラウザ・ブラウザを選ばないレイアウト
FirefoxとIEの表示の違いに悩まされてきたオレ。
解決策がまとまってきたのでこの辺でまとめ記事を。
まず、FirefoxとIEに限った事ではなく、クロスブラウザという事で考えていく。
基本はXHTML1.0でまとめてありますが、HTMLでももちろん使えます。
DTDで変わるDOCUMENTスイッチ
DTDやXML宣言の違いでブラウザの標準準拠モード、過去互換モードのどちらかが採用される。
これによって各ブラウザが標準準拠モードを採用するのか、それとも過去互換モードを採用するすかを把握しておく。
もちろん標準準拠モードを基本にページを作っていく。
- DTD、標準準拠モード、過去互換モードについてのエントリー＆外部リンク
- FirefoxとIEの表示の違いをどう解決するか？
- Firefox IEの表示の違い クロスブラウザ、ブラウザ互換
- Firefox IE レイアウトの崩れを無くす ウェブ標準 DTD
- Google Document Disply Mode
Firefox IEの表示の違い DTDで表示モードの切り替え
Firefox IEの表示の違いに悩まされている人はたくさんいるようです。
僕もその一人ですが・・・。
ウェブ標準なサイトつくりを目指しXHTMLでページを作り直そうと決心したのはいいが、FirefoxとIEの表示の違いをXHTML+CSSではどう回避すればいいでしょう？。
xml宣言をするとIE6では後方（過去）互換モードが適用されるというバグがあるし、
すべてのブラウザで標準準拠モードが採用されるためにはxml宣言を省略するしかない。
（詳しくは「Firefox IEの表示の違い クロスブラウザ「ブラウザ互換 DTD」とは？ 」を参照。）
というわけで、xml宣言なしでページを作ることでひと段落したのだが・・・
CSSハックとは？
「Firefox IEの表示の違い クロスブラウザ、ブラウザ互換」の記事の中で、
「ブラウザごとに異なる表示モードが適用されることを前提にデザインする。
（CSSハックを利用してクロスブラウザを目指す）」と紹介しました。
「CSSハック」とはブラウザの実装不備や実装差異を利用して、
CSSの適用対象から一部のブラウザを外したり、特定のブラウザのみを対象にCSSを適用する方法の事です。
CSSハックの一部はCSSの書式上正しくないものもある。
あくまで緊急避難的な方法として使用しましょう。
ブラウザの複数の表示モード
ブラウザのほとんどで「標準準拠モード」、「後方（過去）互換モード」という複数の表示モードを備えています。
しかし、表示モードを切り替える仕組みが統一されてないために、一部のブラウザでは意図したレイアウトが実現されない場合があるのです。
原則として、多くのブラウザで「標準準拠モード」が採用されるように「DTD」を記述することがクロスブラウザ（ほとんどのブラウザで同じように表示させる）の近道となります。
ではどのようにに「DTD」を記述すればほとんどのブラウザで「標準準拠モード」が採用されるのでしょうか？
DTD 標準準拠モードか後方互換モードか
DOCTYPE を指定してブラウザに標準準拠モードか後方互換モードか宣言するわけだが、まずはこの標準準拠モードと、後方互換モードを復習しましょう。
CSSの難題 Firefox IEの表示の違いを確認しながらCSSを編集できる
CSSVistaを使えばFirefoxとIEの表示を確認しながらCSSを編集することができます。
今のオレにとっては救世主のようなアプリ。
自作CSSで「FirefoxとIEの表示の違い」に苦しむ
このブログ 「DigDag」のCSSは自分で書いたんだけど、
普段僕が使っているブラウザはFirefox。
友達のPCとか会社のPCのブラウザはIEの6と7。
このブログをIEで表示するとレイアウトが崩れたり背景画像が表示されていなかったり・・・。
「一体なぜ？」
外国語のウェブサイトのユーザーインターフェイスを日本語化するFirefoxのエクステンション
Mozilla Firefox の拡張機能 (エクステンション) をインストールするだけで、いままで英語だったウェブサイトを日本語で操作できるようになります。
web2.0 webブラウザ「flock」とは？
「flock」とは、web2.0対応と呼ばれるwebブラウザらしい。
ベースはfirefoxで、先進的なweb2.0新機能が搭載されているとのこと。
背景画像にＰＮＧを使うとIEでは表示されません
IEとFirefoxではCSSレイアウトで表示のズレが発生するってのは知ってましたが、
IEではPNGが表示されないってバグがあるってみんな知ってましたか？
