CSS関連のIEバグ対策(NO1)
CSS関連のIEバグ対策(NO1)
何かと問題児のIE君!
Firefoxやオペラで正常表示するのに、
IEでは、表示がおかしい!
最近発見したトラブルです!
Web講座では、受講生にお知らせしています。
詳細は以下に続く
【現象】IEのみ「ページ内リンク」に飛びません!
【対策】<a name="xxx" id="xxx">の後に
<br/>を入れると、ジャンプする。
【現象】フロートのネストDIVで、最後のDIVの下に
文字や画像がずれ込む
【対策】閉じタグ( </div> )の後に、コメント行を
入れるとOK。逆に退けるとOKとなる場合もある。
嘘みたいな話ですが、設定すると解決する。
【現象】フロートのDIVで、マージン幅が2倍に!
【対策】これは、超有名なバグ!
float設定時、「display: inline;」を追加!
【現象】外DIV又は包括されている一部DIVが
固定長だと、包括されるDIVの途中に、
外DIVの下に有るDIVが
重複表示される。 IE7限定
※外DIVの下はヘッダー部が多いが、
それが内DIVと重複表示される。
【対策】高さ:「固定長」を「自動」(Auto)に変更。
フロート設定時は、全てのDIVに設定。
ご参考になりましたら、こちらをクリックお願いします。