エントリー

予想外でした。

思わぬ伏兵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

関連エントリー

ページ移動

トラックバック

  • トラックバックはまだありません。

トラックバックURL

http://izuito.net/_cgi/freo/index.php/trackback/831

1件のコメント

DSHata(管理人)

DSHata(管理人)

  • 2008/08/20 19:07:00

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

ダメでした。 orz

うちはシンプルというか、無駄な装飾はしない主義なので被害は少なかったけど…
デザイン重視でガチガチにしてたら大変な事になってた気がします。

ページ作り…
テーブルレイアウトに逆戻りしそうな予感(苦笑

コメント投稿

登録フォーム

:

:

:

:

ユーティリティ

- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

ノート

  • ノートは登録されていません。

新着エントリー

新着コメント

Re:アクアビーズアート(2)
2021/10/10 from はやとまる
Re:旗印、自作してみた。
2021/02/18 from goopee
Re:初のスキルLV.10武将 の続き 2
2014/09/24 from DSHata(管理人)
Re:伊東市の鳥
2014/05/16 from DSHata(管理人)
Re:【訃報】
2014/04/26 from DSHata(管理人)

過去ログ