IEバグ対処法

IEでのバグはよくあることですが、いい加減多すぎます。
でも今はネットで調べればすぐに解決します。
なので私もすぐに解決するようにメモしておきます。
もし間違っていれば教えて頂くと助かります。
お問い合わせ »»»

IEのブラウザが真っ白

IE6にて表示されるべきページが真っ白になる現象に直面しました。
原因不明でしたがネットで調べると一発で出てきました・・・。

対処法

<title>タグが文字コード宣言より先にあるからだそうです。
<mete>に記入した文字コード宣言を<title>タイトルタグの上に持っていくと解決しました。
初めてなった時はびっくりしますね・・・。
ちなみに私の場合IE7でも真っ白でしたが、参照したサイトではIE7は問題ないとなっていました。
たぶん私の場合は正規のIE7ではなかったからだと思います。

IEで固定座標を指定する方法

背景画像やFlashなどでボックスを固定したいときがあるのですが、
IE6にはposition: fixed;が使えないようで、対処法を探しました。

参考サイト

IEで固定座標を指定する方法 »»» ppblog

IE6でマージンが二倍になってしまうバグ

「float」を指定した方向と同じ方向に「margin」を指定するとIE6では「margin」の値が2倍になります。

対処法

「display:inline;」を付け加えるか、空白の指定に「margin」ではなく「padding」を使用します。
また、IE6だけが読み込むように「margin」を「_margin」にして「margin」に指定した値の半分を指定する方法もあります。

            div#box{  
                float:right;  
                margin-right:20px;  
                _margin-right:10px;  
            }       
          

IEの特定のバージョンにだけ外部スタイルシートを読み込ませる条件分岐コメントを使用する方法もあります。
このサイトではこちらを利用しています。

            
          

↓のような面白い条件分岐方法もあるようです。
IEだけに適用する大胆で簡単な条件式の使い方

画像

横並びになるはずのフロートした要素がIE6で階段状になるバグ

「display:inline;」指定すると解決します。

その他のIEバグ対策参考サイト

IE6でよく遭遇する6つのバグとその解決方法 ««« コリスさんのブログ