旅の各ページのレイアウトがIEで表示した場合に上に詰まった感じになっていたのを修正しました。今まで気がつかなくてすみません。

IE6以下では position: fixed; が効かないので、上部メニューバーを表示させ、文章部分は overflow:auto; にして仮想的にメニューバーを固定していたのだけれど、どうもmarginがIEでうまく効いていないようでメニューバー分上にずれてしまっていました。サイトを作成したときに確認したときにはちゃんと表示されていたのになぁ。おかしい。とにかく、荒手な方法でbodyの上部マージンで対処しました。（アンダーバーハック使いまくり。）
IE7もだいぶ普及してきたし、もう一度css見直そうかしら。

マイクロソフトはアンダーバーハックよりもConditional comments（条件付きコメント）を推奨しているよう。IEのHTMLサイドの独自拡張で、コメント内にIEの振り分け用キーワードを記述する、という方法。

<!–[if IE 6]>
Special instructions for IE 6 here
<![endif]–>

↑こんな感じ。他のブラウザには害を及ぼさないけれど、HTMLのソースが汚れるのが気になるねぇ。あと、スタイルシートの数が増えるので管理しにくくなるよね。でも今回みたいなバグの場合見つけやすくなるかも。

タグ：

関連する記事