エントリー

  • 2008/08/20 18:05
  • HTML

予想外でした。

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

https://izuito.net/_cgi/freo/trackback/831

コメント

DSHata(管理人)

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

ダメでした。 orz

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

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

  • 2008/08/20 19:07:00

コメント登録

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
投稿キー(スパム対策に、投稿キー を半角で入力してください。)
コメント
閲覧制限

ユーティリティ

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 - - - -

過去ログ

ノート

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

新着エントリー

javascript 再勉強中
2024/03/08 10:56
ベータガンダムは伊達じゃない
2024/02/21 11:07
残り約50ページ
2024/01/29 13:07
スマホのカメラ機能
2023/12/19 11:59
ガラケー卒業
2023/11/27 18:57

新着コメント

Re:3DOソフトカタログ
2024/05/30 from 承認待ち
Re:チョロQ3
2024/04/25 from 承認待ち
Re:スマホのカメラ機能
2024/01/13 from dshata
Re:スマホのカメラ機能
2024/01/12 from とくめい
Re:アクアビーズアート(2)
2021/10/10 from はやとまる