loading画像が左上に来る

Question

お世話になります。

ホームページが読み込まれ時に、ローディングされるようにしたのですが、
Firefoxで見たときだけ、真ん中にローディング画像が来ずに、
一瞬左上にローディング画像が表示されて、その後真ん中に表示されます。
これはどうすればいいのでしょうか？
Firefoxの影響なのでしょうか？
御教え下さい。
よろしくお願い致します。

firefoxのバージョンは53.0.2 (64 ビット）です。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを提示されたほうが回答を得やすいと思います。

[imac]

すいません、文章が足りなかったです。追加します。

[m.ts10806]

その後、未解決のまま質問を次々と立てられているようですが、どうなってますか？

[imac]

あるサイトを見て作ったのですが、そのサイトをUPしても大丈夫なのでしょうか？

[m.ts10806]

「参考サイト」としてアップする分には問題はないと思いますが、まず、自身が書かれたコードを掲示する方が先でしょう。「文章が足りなかった」部分が多すぎて回答する方も何を元にどう回答したらいいのかわかりません。「あるサイトを見て作った」というのであればその経緯も必要ですし、自分で書いたコードも必要、その上で自身にとってゴールがどこになるのかをきちんと書くべきです。

[imac]

参考サイトのコードをほぼそのまま活用しているため、それを掲示してもいいのかが分からないため、質問が止まっている所です。すいません。自分もコードを早く載せたほうがいいとは思うのですが、どうすればいいのか分からないのです。

[m.ts10806]

参考サイトURLを追記すればいいんじゃないでしょうか。その中で参考サイトのコードと自分のコードの差分を書くとか。結局は最初にkei344さんが書かれているコメントに戻って堂々巡りとなってますよ。「どうすればいいのか分からない」だけだとこちらも「どう答えていいか分からない」です。質問の編集の仕方？コードの載せ方？質問もなるべく具体的に書くように努めてください。

[m.ts10806]

1つ忘れないでいただきたいのが、どんなサイトや参考書を活用していようと、そのコードを書いたのはあなたです。あなた自身が書いたコードとして責任を持ってください。だからあなたが書いたコードとして提示すればいいだけの話です。もしそのコードに間違いやバグがあったり自分が思ったとおりに動作しなかったとしても、参考・参照した先の責任は一切ありませんし、訴えることは出来ません。あなた自身が責任を持ってメンテナンスするしかありません。

[imac]

訴えようとかそういう気持ちはないのですが、逆に参照先のコードで問題が発生して、teratail様で聞いたりしたら、参照先を批判しているような感じがして不安になっているところです。

[m.ts10806]

繰り返します。「あなた自身が書いたコードとして責任を持ってください。だからあなたが書いたコードとして提示すればいいだけの話です。」

Answer 1

コードが無いので推測で話しますが、おそらくローディング画像を左上（適当な場所）にhtmlで表示した後、完全にWEBページが読み込まれた段階で、javascriptで画面のサイズを取得し中央を決め、移動させているのだと思います。

きれいに表示されるローディングの画面がどのようにしているのかわかりませんが、多少強引にするのであれば、はじめcss等でdisplay:noneにしておき、javascriptが中央に移動させた段階で、display:blockに戻すくらいしか思いつきません。この場合、はじめは何も表示されないことになりますが、、、