伊豆・伊東情報館 Blog

思わぬ伏兵IE7のお陰で一日振り回されて終わりました。　orz

まぁ、伏兵というより
私が放置、忘れてただけなんですけどね（苦笑

色々調べると、CSSの解釈としては
IE6よりIE7の方が正しいとか。
ただソース元がマイクロソフトなので、どうだかねぇ。

先月のアクセス履歴を見ると
IEが83.4%、次点のFireFoxが6.1%と大きな開きが。

バージョン別では
IE6が54.7%、IE7が27.1%。
やっぱりIEで不具合が生じるページ作りは危険だねぇ。

ちなみにサンプル数は427,981（ヒット数）
ヒット数だから、かなり数値としては信用できない値ですが
やはり、まだまだIEは無視できないなぁ～と。

とりあえず、ザザッと見て歩いて、問題のあったページは修正。
float使って回り込みさせたページで
一番右側のblockに合わせて次のblock表示位置が決定されるよう。

なので、
左：メニュー：高さ100px
中央：メイン：高さ300px
右：サブ：高さ200pxと三段組した場合、
次に表示される内容が上から200pxの位置に表示。
結果、中央の下100pxの内容と表示が重なってしまうようです。

HTML表記順かな？とも思って
中央を最後に記述してみたけど結果は一緒でした。

応急処置的に（上の例なら）右のblockに{ margin-bottom: 100px;}を設定して処理しました。

左・中央・右を<div>でひとまとめに括るって方法もあったか…
つか、そっちの方が正しい気もする。
ん～　何か解ってるようで解ってないなぁ…

勉強不足が露呈してしまいました。　orz