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

次のページ»

記事見出し索引

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)

クラス属性に複数のクラスを指定 : css

クラス属性にはクラス名をスペースで区切ることにより、複数指定することができます。
続きを読む・・・

  このページの上へ

スポンサード リンク

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

ime-mode : css

ime-modeは日本語入力を制御するIE独自のCSSプロパティです。Firefoxでも次バージョンであるFirefox3.0からサポートされる予定だそうです。
続きを読む・・・

  このページの上へ

スポンサード リンク

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

font-size: css

font-sizeプロパティは親要素の値を継承します。既定値(つまりhtml要素のfont-sizeプロパティの値)は下記の通りです。

続きを読む・・・

  このページの上へ

スポンサード リンク

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

vertical-align セル : css

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。本記事では、セルに設定する場合についてまとめています。

続きを読む・・・

  このページの上へ

スポンサード リンク

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

vertical-align インラインボックス : css

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。本記事では、セルに設定する場合についてまとめています。
続きを読む・・・

  このページの上へ

スポンサード リンク

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

行ボックスの高さ : css

行ボックスの高さは基本的にline-heightプロパティで決まります。line-heigthに流し込まれる文字(インラインボックス)のフォントサイズが大きい場合ははみ出します。

続きを読む・・・

  このページの上へ

スポンサード リンク

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

Clearfix : css

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

  このページの上へ

スポンサード リンク

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

次のページ»