段落ち

「奥の細道ｉｎ栃木」トップページの２カラムレイアウトにメニュー部分が段落ちしているのが最近になって気が付いた。
以前はＩＥ６で見ていたので作成したレイアウトの不具合は見られなかった。
しかし、数ヶ月前にブラウザをＩＥ７にバージョンアップしたのをきっかけに、「奥の細道ｉｎ栃木」のレイアウトをリニューアルしてみた。
ＩＥ７では段落ちしてはおらず安心していたが、数週間前に友人からトップのレイアウトに段落ちが見られることを知らされた。
確認のため、数日前に自宅のＰＣをＩＥ６に入れ替えてみると確かにメニュー部分が段落ちしているではないか。
早速、手直しにかかった。
ＨＴＭＬはかなり簡素化してあるので記述に異常はなく、外部リンクのＣＳＳに原因があった。
ｗｉｄｔｈの数値とｍａｒｇｉｎの数値の微妙な食い違いが原因であったようだ。
しかし、ＩＥのバージョンの違いだけでこの様なレイアウトの崩れが起こるとは思いもよらなかった。
念のため、ＣＳＳの記述が適正化どうかを確認できる”W3C CSS 検査サービス”で確認し、合格の結果が得られた。
以前には、ＸＨＴＭＬの記述の”W3C 検証サービス”を受けたことがあるが結果にエラーが出たこともあり、その後手直しはしていない。
時間を見てＸＨＴＭＬ検証の合格結果が出るように挑戦してみようと思う。

W3C CSS 検証サービス

それから、Firefox 3が今日リリースされた。
早速、使ってみた。
以前よりも軽く、シンプルで使い勝手が良さそうである。

もじら組