カテゴリー/アーカイブスへ移動

記事見出し索引

IE7, IE6に対するCSSハック : CSS

IE6,7専用のハックのまとめ。


#hoge {			/* 一般のブラウザに適用 */
	margin: 10px;
	padding: 6px;
}
* html #hoge { 		/* IE6にのみ適用 */
	padding: 4px;
}
*+html #hoge { 		/* IE7にのみ適用 */
	padding: 2px;
}

同一セレクタ内で、IE6以前にのみ適用したい場合


#hoge {
	margin: 10px;
	padding: 6px !important;	/* 一般のモダンブラウザに適用 */
	padding: 4px;		/* IE6以前にのみ適用 */
}

IE6以前が!importantを解釈しないことを利用。

  このページの上へ

スポンサード リンク

2008/12/16 火 | hack, CSS | 固定リンク | コメント (0)

Geckoの画像間の隙間問題 : css

XHTML 1.0 TransitionalはWin版IE6,Mac版IE5,初期Gecko(Netscape6,Mozilla1.0)では標準モードでレンダリングされます。このとき、初期Geckoブラウザではテーブル内の画像間に隙間ができます。
続きを読む・・・

  このページの上へ

スポンサード リンク

2008/6/12 木 | hack | 固定リンク | コメント (0)

CSSハック : css

CSSハックについてWeb標準の教科書 益子貴寛著では下記のように記載されています。

ブラウザの実装差異や実装不備(バグ)を利用して、CSSの適用対象から一部のブラウザを外したり、特定のブラウザのみを対象にCSSを適用する方法を[CSSハック](CSS hacks)という。

  このページの上へ

スポンサード リンク

2008/6/12 木 | hack | 固定リンク | コメント (0)

Clearfix : css

内部要素に浮動ボックスを含んだ親要素のボックスは、浮動ボックスに応じて高さの拡大はしません※1
続きを読む・・・

  このページの上へ

スポンサード リンク

2008/6/12 木 | hack | 固定リンク | コメント (0)