IE11でレイアウトが崩れたときの覚え書き

今、サイトをBaserCMSの上でTwitter Bootstrapで作っています。普段使っているChromeとFirefoxで確認しながら、ようやく完成というところでIE11で確認したところ、見事にレイアウトを崩れています。いつもの通り、このIEめが、とムッキーとなります。このままIEは非対応ということもできないので対応方法を探ります。

IEのF12で見ると、どういう訳か、

ヘッダー

が、

ヘッダー

なんてIEが勝手にしてくれます。ますますいらつきますので、何か手を考えなければいけません。F12のコンソールを見てみると、

HTML1202: http://hoge/ は、[イントラネット サイトを互換表示で表示する] がオンであるため、互換表示で実行中です。

と表示されています。今、テストしているサイトは、Vagrantで開発環境を作っているので、イントラネットなのでしょう。では互換表示をオフにするにはどうすればいいのでしょう。

そういえばIEは互換モードなんてありましたが、IE11ではその切り替えのアイコンがなくなっています。行き当たったサイトに書いているように、IE11の「ツール」メニューの「互換表示設定」で互換モードをオフすることができます。

ie11

これで見事にレイアウトの崩れが直っていました。まあ、本番サイトではイントラネットとはならないので、正常に表示されると思いますが、やはりIEには落とし穴があります。

IE12,13・・・になったらいちいち書き換えなければいけないの? となりますので、これは書かなくもいいでしょう。

Chromeがエラー3で更新できない。

Google ChromeChromeは自動的に更新してくれるので、どんどん新しく勝手にアップデートしてくれます。これはこれでいいのですが、手動でアップデートするには、スパナの設定アイコンから「Google Chromeについて」を選択すれば、アップデートが始まります。

しかし、今は

更新サーバーにアクセスできません(エラー:3)

になってアップデートできません。

いろいろ調べてみると、Chromeを再インストールしろとか、アンチウィルスソフトが悪さしているとか、出てきます。再インストールしても、使っているウィルスバスターの例外設定してもエラーのままです。

さて、どうしたものか。原因がわからないので、今もエラーのままで放って置いています。

そう言えば、IEもアップデートで失敗しているので、IE8のままです。IE9にアップデートできていません。根本的にPCの問題でしょうか・・・。

IE9。勝手に再起動するなよな。

タイトル通りです。そろそろIEを9にバージョンアップしようかと、インストールしました。

自分のところだけでしょうか? インストールした後に、何も聞かずにIE9はPCを再起動しようとしました。自分勝手には困ったものです。おかげでChromeで入力していた途中の文章が消えてしまいました。

FirefoxのWeaveアドオンは便利

いままでWebブラウザは、GoogleのChromeを使っていましたが、Firefoxに乗り換えてしまいました。Chromeの前は、Sleipnir(何と読むかわからならかったので乗り換えた?)を使っていて、その前にFirefoxを使っていました。

乗り換えたといっても、Webページを作るときには必ずFirefoxをテストする訳で、いつもインストールしてはいます。そういえば、必ずFirefoxは最新版をインストールしています。IEと違ってアップデートをしやすいというのが理由でしょうか? Firefoxであまり前のバージョンを試すというのはありません。ユーザーから前のバージョンでトラブルが出たという報告もありません。しかし、IEはいまだに6,7,8と取りそろえています。さすがに5はありませんが。皆さんIEは昔のバージョンを使っているようですね。本当はIE6だと、トラブルの元になるのが多いので、新しいバージョンにしてもらいたいのですが。IEの場合はOSであるWindowsと深く結びついていると思われているので、気軽にアップデートできないようですね。

追記
IE6を撲滅するキャンペーンをやっているようですね。どこでもIE6の対応は、頭が痛いようです。

前置きが長くなりましたところで、話しは本題に入ります。Firefoxに乗り換えた理由というのは、Weaveアドオンです。Weaveアドオンは、複数のPCにあるFirefoxのブックマーク、履歴、パスワード、Cookieをを同期できるというアドインです。たくさんPCを使っているとブックマークがそれぞれ別々に登録してしまって不便なときがあります。Weaveアドオンをインストールしておけば、一カ所のPCでブックマークを登録すると、他のPCに自動的に登録してくれますので便利です。どこでも同じ設定というのはいいものです。ブックマークのバックアップ代わりにもなります。詳しいWeaveアドオンのインストールの方法は、このページを見ていただければいいと思います。

Chromeにも、もうすぐWeaveアドオンと同じような機能を搭載するようですが、すぐに恩恵にあずかりたいということで、Firefoxに乗り換えです。

乗り換えたときの問題は、WebブラウザのデフォルトがChromeのままでした。何かブラウザを起動するとFirefoxではなくChromeが起動してしまいます。Windows XPはエクスプローラでデフォルトのWebブラウザを指定できたのですが、Vistaでは違うようです。調べたらコントロールパネルの「プログラム」-「既定のプログラムの設定」で設定するのですね。知らなかった・・・。