Calendar

2009年07月
S M T W T F S
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

comments

trackbacks

« CSSエラーの見分けかた! | ■■TOPへ戻る■■ | バーチャルPCでIE7のブラウザチェックが可能 »

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に設定。


ご参考になりましたら、こちらをクリックお願いします。 人気blogランキングへ
アクセスランキング