WEB修業中☆

flortさせたボックスのmarginが2倍になる(IE6バグ)

金子がIE6のバグで最初にぶち当たったのが、flortさせたボックスのmarginが2倍になるバグ。
初めてハックを使ったのもこれ。


解決方法

・marginを指定しない。

調べた中で一番シンプル。
でも、そんなこと言われも...(_ _;;;)


・アンダースコアハック、!importantハック、スターハックで、半分の値を指定する。

なるほど。
でも、1pxのmarginを指定した時はどうするの????


・display:inlineを指定する。

理屈はよくわからないけれど、これを指定するとみごと解決。
でも、display:inlineって結局余計な指定だから、スターハックの中にいれてコメントにIE6って書くのがベストだと思う。


もっともっと、修行していくとIE6バグの壁にドンドンぶち当たるんだろうなぁ


-----------------------------------
参考サイト
IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法
IEでフロートさせたボックスのマージンが倍になるバグ
など
-----------------------------------

  • 03.07.2009
  • 投稿者名mayumi
  • コメント(2)

コメント

指定しないのが一番す。

ブラウザ間で解釈が違うものは
極力使わないことをおすすめします。

簡単な組み方をすれば、
ハックはほとんど使わなくて済みますよ。

使うとすれば。。。びっくりインポータントが分かりやすくて好きですね

横幅指定+左右ボーダー指定のときとか便利です


03.07.2009 投稿者名 藤原

耳が痛いです…><
きれいなソースを見ると、最近感動します!

私が組むとdivとハックの山になってしまうんで;;

07.07.2009 投稿者名 金子

コメントする

(必須)上のスペースに表示されている文字列を下のフィールドに入力してください。

▲ top