カスタマイズの備忘録

IE6バグと対処法あれこれ

2011.06.25.  ←変更個所覚書 →折りたたみの(初期設定の開閉)設定を変更する

background-attachmentをIE6に対応させる方法
* html #contents {
background-position: expression('10px '+this.parentNode.scrollTop + 'px');
}
CSS Lecture



display:block した a 要素(リンク)を IE6 でも安定させる方法

width プロパティで横幅を指定してあるセレクタにoverflow : hidden; を追加

はじめてのブログデザイン




リロード、スクロールで線・画像が消える。通称「いないいないばあバグ」

いないいないばあバグの対処法
1.問題の出る要素を囲っている div に line-height を指定する。
2.問題の出る要素に width または height を指定する。
3.問題の出る要素の中の要素に position:relative を指定する。



ネガティブマージンをIE6.0でも使う
ポイントになるのが「position: relative;」の部分です。
IE6.0対策になるのですが、IE6.0ではネガティブマージンを使っても、
「ー(マイナス)」部分のピクセルは表示されません。
「position: relative;」を併記することによって、
(なぜか)SafariやFirefoxのように、きちんと表示してくれます。
「ポルカの日記 | CSSベースのHTMLレイアウト入門講座」




IE6でposition:fixedの真似ごと
IE6のバグのまとめ.
WinIE6バグ回避法
IE6で、マージンが2倍になってしまうバグ
IE6でよく遭遇する6つのバグとその解決方法
IEのhasLayoutで起こる不具合
CSSハック一覧 – IE, Firefox, Safariなどなど


IE6以下をIE7と同じようにするライブラリ『IE7.js』
IE7.js/IE8.jsを使って、スタイルシートの標準化

2011.6.25.
関連記事

カスタマイズの備忘録

comment-delete.png  この記事にはコメントできません

redo_16b.png この記事にはトラックバックできません