WIZ-WORDPRESS│EC-CUBE-LABO » css

IE でフロートボックスのマージンが倍になるのを防ぐ

admin — Wed, 11 Jun 2008 16:07:30 +0000

float: left; や float: right; などフロートを指定した　id or class の中に display: inline; を入れてやる。

例

#left {
float: left;
color: #666666;
display: inline;
}

FirefoxやOperaではCSS2の仕様に従ってfloatを指定した要素へのdisplayの指定を無視するので、IE用のcssハックのうちの一つだね。

admin — Fri, 18 Jan 2008 16:48:05 +0000

IE7のcss処理もおかしいところがある。

次のハックはIE7のみに反映されるもの。

スタイルのセレクタの前に　*:first-child+html　を入れる

例）

*:first-child+html #description {
margin: 40px 0px 0px;
}

これでIE7でレイアウトが崩れたときに修正ができる。