IE6でfloatしたときにmarginが2倍になるCSS対策

IE6のCSSバグで回り込みさせるとなぜか、マージンの値が2倍になって
表示されてしまうことのCSS対策で、IE6ハックで別途マージンの値を半分にして
対策する方法もあるが、もっと簡単にinlineにすれば、marginの値は正常になる。

CSS {
display: inline;
}

同じところをブロック表示をしたい場合

CSS {
display: block;
display: inline;
}

2つのCSSが同じdisplayなのでダメなのでは?と思いますし、
CSS的には不正なのかもしれないが、Safari, Chrome, Firefox, Oera, IE8, iPhoneなど
でも問題なく表示されて機能しているので、だいじょうぶでしょう。

このブログはIE6は無視してますが、まだまだIE6を最低限考慮しないと
いけいない状況ですしね。

このエントリーをはてなブックマークに追加
はてなブックマーク - IE6でfloatしたときにmarginが2倍になるCSS対策
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip

にほんブログ村 デザインブログ Webデザインへ 人気ブログランキングへ
管理人おすすめのレンタルサーバーまとめました

はてなブックマークに追加

Leave a comment

Please be polite and on topic. Your e-mail will never be published.

*
To prove that you're not a bot, enter this code
Anti-Spam Image

MySQL無制限100GB ドメイン最安 X2レンタルサーバー

エックスツー

WordPress無制限も実現できるMySQL無制限の高速レンタルサーバー。

容量100GBの余裕のスペースにマルチドメインも無制限。密かに人気なのが、契約していれば.netなどドメインが850円と最安値で、別サーバーへのドメイン利用も可能。

PHPやCGIを高速にするXキャッシュ機能も搭載している X2レンタルサーバー