CSS
スターハック
Windows IE 4〜6、Mac IE 4〜5のみに適用する場合に使用。 適用したいセレクタの前に” * html ” を付ける。? *html #container{ width: 540px; margin:0 0 0 195px; padding:0; } など
アンダースコアハック
Windows IE 4〜6のみに適用する場合に使用するが、W3CのValidatorには通らない。 使用はできるだけ避けましょう。? これを使用するならスターハックを使用して、別書きしたほうがいいと思われます。 #container{ _width: 560px; ←これがWindows IE 4〜6のみに対応する width: 540px; ←Windows IE 4〜6以外に対応 }
floatでの問題の解決
floatを多用する時、下記のソースを使用する事により、不具合を解消した部分が多くあるので、記載しておきます。.clearfixはセレクタ名なので、そのセレクタに対応する名前を使用することfloatさせたボックスが外にはみ出すのを避ける為には。。。? .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac ?*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ オリジナル情報はこちら http://www.positioniseverything.net/easyclearing.html
© 2012 unit3s.jp. All Rights Reserved.
Powered by WordPress. Designed by 