ieでサイドバーが落ちるときの応急処置

WEBサイトのレイアウトのお話です。

firefoxではきちんと表示されているのに、ieで見たらサイドバーが落ちてしまっている。

firefoxをWEB製作の環境で使っていると、このような悩みがよくあります。

これは、各要素のボックス幅がおかしくなっていることが原因なのですが、応急処置として以下の方法があります。

左側の要素(サイドバーが落ちる場合だったらコンテンツ部分)に

overflow: hidden;

を挿入する。

本来は画像などのサイズをリサイズすればよいのですが、Blogなどで既に多くの画像を使っていてリサイズが手間な場合にも有効です。

(実はこのサイトでも使用しています)

詳細は、詳しく説明されている以下サイトをご覧下さい。
大きな画像でレイアウトがあばばばばば

コメント

タイトルとURLをコピーしました