ホームページの不具合について            2013年 9月12日 (木)
 このブログ「奥の細道漫遊紀行」は、小生のホームページ「イバイチ旅のつれづれ」の一部という位置付けにしてある。以前にも書いたことがあるが、最初にブログに書いてその後、不充分な部分を追加したり修正したりして紀行文を整理し、目的地別にホームページに載せ、再読する時に便利なようにしてある。

 その後トップページなどを改良して、2010年10月から読み易いように全画面を使用せず中央部分に表示するように変更していた。ところが今年(2013年)7月にインターネット・エクスプローラー(以下IEと呼ぶ)の修正があり、画面が中央揃えから左揃えに変わってしまい、読み難くなってしまった。小生のホームページでは、「トップページ」、「イバイチの奥の細道漫遊紀行」、「イバイチの幕末の水戸」、「プロフィール」がその被害にあった。

 その原因として思い当たるのは、中央揃えにするにはIEでは「text-align: center」と指定すれば良いとなっているのだが、以前買ったHTMLとスタイルシートの本を読み直してみたら、「IEでは横幅を指定した段落や、枠で囲んだコンテンツ全体まで中央に表示されるのは文法的に間違った表示であり、将来的にIEが修正される可能性がある。」と書いてあったので、その修正をしたせいかと思った。
 正しい指定は「margin-left: auto; margin-right: auto」を追加すれば良いと書いてあったので、それを追加したら中央揃えに戻った。

 しかしトップページは3つの表に分けてあったので、その表の位置がずれて表示されるようになってしまった。最終的には「div」で3つに分けていたものを1つの「div」で表示するように修正して中央揃えに戻ったが、何故「div」を分けると位置がずれるのか調べたが分からなかった。知っている方はその理由と修正方法をご教示して頂ければ幸いと思っている。

 ところで、「イバイチの奥の細道漫遊紀行」と「イバイチの幕末の水戸」は更にリンクで分けてあるので、その全部を修正するのが大変で、まだ一部しか修正していない。本来は「CSS(スタイルシート)」を一つだけ作成してそれを全部に適用させればよかったのだが、それぞれのリンク先に「CSS」を作ってしまったので、いちいち修正せねばならず失敗だった。

 ところで、皆さんは使用しているIEのバージョンをどうやって調べるのだろうか?簡単なことなのだろうが、小生はつい先日まで知らなかった。パソコンの先輩に聞いてやっと分かったのだが、IEを開けると右上部に の記号が出る。その歯車印(ツール)をクリックすると最下部にバージョン情報の項目があるので、それをクリックすると現在使用中のバージョンと新バージョンを自動的にインストールするかどうかをチェックする画面が出る。小生のバージョンは10で、新バージョンを自動的にインストールするにチェックマークを入れてあるので、更新バージョンが自動的にインストールされてしまったのである。

またIEには「互換表示」といって旧バージョンで作った画面をそのまま表示する機能がある。 IEを開けると、左上部のURL欄があるが、 その右端から2番目に紙を破いた記号がある。それをクリックすると色が変わって旧バージョンのまま表示されるので、画面が左揃えになって困っている方はこの機能を使って中央揃えにして見て欲しい。

 とにかくバージョンが変わるといろいろ不具合が発生して、その原因を把握して対応するのに余分な時間と労力がかかるのは困りものである。今回も修正した内容は書いてみると簡単なようだが、わけも分からず調べ始め、本を読んだり、ネットで調べたり、人に聞いたりして、やっと解決出来たような状況だった。