07December
2003
: SundayID-28

バグ Win IEで起きるCSS読み込みバグ

ワタクシではMac環境でしかブラウザの確認が出来ないのですが、現在は友人に色々指摘して貰ったおかげでMac Safari 1.0 、InternetExplorer 5.2、Mozzila 1.5.1、NetscapeNavigater 7.1では通常ブラウジングする分には全く問題がなくなりました。しかし、Win InternetExplorer 6ではほとんどブラウズ出来ないような現象が起きているみたいです…。


サーバーの込み具合とかで上手く読み込めなくてなってそうな感じ(であって欲しい)もするので何か気付いた事があったら、このエントリーにコメントを頂ければ幸いでございます。

以下が現在、Win IEで判明している致命的な問題点です。

iPod U2

追記:
消えるのは改善された?と思いますがリンクのある部分を開くと真っ白になるのはWin IE独自の症状のようです。
ココに同じ症状になった方が原因と改善策を考えておられました。
あと、コレが一番の原因くさいです。
全くIEってのは…。
要するにいくらStylesheetテンプレートをイジっても改善する訳もなく…無駄な努力をしてたと言う訳で。

またこの現象が起きるのは、記事(またはコメント)の文章が、画面いっぱいで改行されない場合(つまり1行で終わってしまう短い文章をpostした場合)に起こるようです。
との事ですが、うちの場合一行で終わってるエントリーはないから、下のフロートが直接の原因の様な感じがします。エントリー単体ページでなくメインページで消えちゃってる訳ですから。


今のCSSとの相性が悪いのか、心当たりのある部分をどんなにイジっても改善されません。いっそ無視するのも手ですが、Winユーザーの大半が使ってるであろうIEを無視する訳にもいきませんしねぇ。Win IE用専用のCSSを用意する事で解決されそうですが問題点が全くと言っていい程、皆目検討が付かないのが現状なので、今の所お手上げです……。


Win IEでの問題1
Winを持ってる友人からスクリーンショットを撮って貰った画像です。問題は、中央にある小さいブロックでこれは直ぐ下のエントリーのキャッシュが、変な形で出てるっぽいです。マウスのホイールでスクロールさせるとこうなるみたいです。

Win IEでの問題2
こちらも似た様な症状で、やはりスクロール時におかしくなってエントリーが消えてしますそうです。更にエントリーのリンクが貼ってある部分をマウスオーバーさせると画面が真っ白になるそうです。ページが消える訳ではなくて、全てのカラー属性が白になるらしく反転させると文字は出て来るそうです…。
※タイトル画像のリンク部分にborder枠が出てたのは修正してあります。その代わりにMozillaだとマウスオーバーすると画像下部にborderが出ます……。

ん〜、全く原因が分からないです。
XREAの広告バナーの読み込みが上手くいかないとMacでも似た様な症状になりそうな時がありますが、それとはまた違うらしいです。XREAを利用している他のMovable Typeではそういった症状は起きないみたいです。phpにしてincludeさせてるのが悪いのかなぁ…でも普通はincludeさせる事で通常よりも軽くなるはずだけど…何かおかしいのかな………。


ちょっと調べようにも何を調べたらいいのか分からないので、Winユーザーの皆様の情報をお待ちしております。どうぞよろしくお願い致します。



  • so-su :
  • 05:15 AM
PingURL :

Comments

友達に付き合ってもらって更に検証をしましたが、思い当たる所のCSSをイジっても全く変わらなかったです。淡く期待してた広告バナーの所為でなく、このサイト独自の問題の様です。
問題が起きる条件としては、

・同じ日に2個以上のエントリーがある

この場合に下にある同じ日のエントリーが消えるようです。更に見えていたとしても、エントリー内のリンク属性のある所にマウスオーバーするとイリュージョンするみたいです…。

スクロールで変になるのは、広告バナーとカレンダーの所為っぽいです。

もう本当に手詰まりなので、また一からStylesheetテンプレートを改造しなおそうと思います…。(´Д⊂
それで同じになったらIndexテンプレートが悪かったっつー事か。

so-su : December 7, 2003 07:25 AM (spam度: 0%)

お友達を拉致しまして、長々と検証に付き合わせながら修正した結果、原因は結局分からなかった(苦笑)のですが、改善された模様です。
どぅもお疲れさまでした。(≧V≦)>

とりあえず何か問題点ありましたらコメント頂けると幸いです。

so-su : December 7, 2003 10:02 AM (spam度: 0%)

多分原因がこれだというのが見つかりました。
このサイトはページを800pxのdiv属性の中に入れているのですが、Blogを生成してる部分が.blogbodyと#linksでCSSで指定してあります。エントリー部分とサイドメニュー部分の事です。
その部分に数値を記述しいるのですがその数値がmarginの数値を足しても800pxになってなかったのが原因かなと思います。

それを設定し直しておきました。
でも、これを修正する前に既にWin IEで見てもらっても問題なかったと言われたのでこれが原因じゃないのかな…元のコードをそのまま個別にコピペしてるだけで改善されたし。
かと言って前のを丸々コピペだと直らないし……無意識の中で修正しているの!?w

一段落ついたらじっくりコードを見比べてみようと思います。

so-su : December 7, 2003 11:28 AM (spam度: 0%)
デルキャンペーン3_468x60

Post a Comment


*

*



コメントをして頂くには、*が必須です。
登録して頂いたメールアドレスは、blog上に表示されませんのでご安心下さい。

名前、アドレスを登録しますか?





タグは使えません。
http:// から始まるアドレスは自動でリンクされます。
「投稿」ボタンで送信した後、稀に送信エラーが起きる場合がありますが、ほとんどの場合が既に投稿済みですので気にしないで下さい。
再度「投稿」すると二重投稿になります。