ie6.0のマージンが2倍になるバグと、多摩川花火大会

多摩川花火大会に行ってきました。
打ち上げ場所が見られるぐらい近くでみたので、かなりの迫力でした。
例年はもっと近づきいていたのですが、キープした場所が坂になっていまして、へたに動くと転げ落ちそうで、動けなくなってしまいました。

花火はやっぱり音がいいですね。
花火の見えるレストランもいいですが、やっぱり夜店で焼きそばとかを買って打ち上げ場所近くに陣取るのが一番花火が楽しめるような気がします。

花火が見えるレストランの一覧です。
http://www.nikotama-kun.jp/gourmet_y_hanabi.htm

ちなみに、二子玉川側は有料席！もあって、一番高いテーブル席は3万円です。
さすが世田谷ですね。
http://www.tamagawa-hanabi.com/ticket.htm

---

ie6.0はfloatが指定されている場合、margin指定があるとその数値を2倍にするという有名なバグがあります。

.hoge{
	float: left;
	magin-left: 10px;
}

実際のCLASS名hogeのマージンは20ピクセルに設定されてしまいます。

一番簡単な対処法はマージンの代わりにpaddingを使うことです。

.hoge{
	float: left;
	padding-left: 10px;
}

paddingの設定もしていて、なるべく指定は変えたくない場合、display属性にinlineを指定するとバグを回避できます。

.hoge{
	float: left;
	display: inline;
	magin-left: 10px;
}

ブロック要素をインライン要素に変えるので、なんとなく気持ち悪いですが、実用的です。