「奥の細道in栃木」トップページの2カラムレイアウトにメニュー部分が段落ちしているのが最近になって気が付いた。
以前はIE6で見ていたので作成したレイアウトの不具合は見られなかった。
しかし、数ヶ月前にブラウザをIE7にバージョンアップしたのをきっかけに、「奥の細道in栃木」のレイアウトをリニューアルしてみた。
IE7では段落ちしてはおらず安心していたが、数週間前に友人からトップのレイアウトに段落ちが見られることを知らされた。
確認のため、数日前に自宅のPCをIE6に入れ替えてみると確かにメニュー部分が段落ちしているではないか。
早速、手直しにかかった。
HTMLはかなり簡素化してあるので記述に異常はなく、外部リンクのCSSに原因があった。
widthの数値とmarginの数値の微妙な食い違いが原因であったようだ。
しかし、IEのバージョンの違いだけでこの様なレイアウトの崩れが起こるとは思いもよらなかった。
念のため、CSSの記述が適正化どうかを確認できる”W3C CSS 検査サービス”で確認し、合格の結果が得られた。
以前には、XHTMLの記述の”W3C 検証サービス”を受けたことがあるが結果にエラーが出たこともあり、その後手直しはしていない。
時間を見てXHTML検証の合格結果が出るように挑戦してみようと思う。
W3C CSS 検証サービスそれから、Firefox 3が今日リリースされた。
早速、使ってみた。
以前よりも軽く、シンプルで使い勝手が良さそうである。
もじら組