css Archive

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

例

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

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

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

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

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

例）

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

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