CSSでindex.htmlをクリックすると一瞬footerの文字がページ左上に見えるのを改善したい

CSSでindex.htmlをクリックすると一瞬footerの文字がページの左上にどーんと見えてしまうのを改善したいのです。ページをリフレッシュしたり、ようはそのページにアクセスするといきなり一瞬footerの文字がページの左上にどーんと出てきます。ネットで調べたところactiveとやらのようですが（？）style.cssのなかにもactiveは見当たりませんでした。div idとかも関係あるのでしょうか。０、１秒くらいちらっと毎回その文字がみえてとても不快です。いろいろ調べてみたり、試したりしましたがなかなか解決できません。どこの記述を直せばよいのか、どなたかお分かりの方、どうか教えていただけませんでしょうか。説明が下手で伝わっているか不安ではありますが、何卒よろしくお願いいたします。

No.3 ベストアンサー 回答者： t_fumiaki 回答日時： 2017/10/06 06:22

①、②は元に戻して下さい。

>>ロゴをクリックするとき、右のHOMEと PROJECTをクリックしたとき、この現象が左上にでます。

そうです。その時はindex.htmlが表示され、他はshop.htmlとか、違うhtmlファイルが実行されるからです。
なので、初期表示の時にも同じ現象が起きています。

index.htmlだけが、他と違う構造になってるという事です。

●index.htmlの構造
・ヘッダー
・中身のコンテンツ←非表示で上詰め設定されている
・フッター
・javascript

中身のコンテンツは非表示で上詰めに設定されている。
その代わりに、フッターの下でjavaが動いて中身コンテンツを作って表示している。

ザットこういう感じです。
javaが位置を含んだ情報なので、一瞬htmlで記述したフッターが表示され、その後、javaによって表示位置を含むデータ書き込まれて表示される。

そういう表示をしているサイトは結構あります。

●対策：javaの位置を変更してみる。
上手く行くかどうかですが・・・・。

<!-- End Container -->の下に在るjava部分を全て<footer>の直前へ移動する。

<!-- End Container -->の直下から、</body>の直前までが移動対象です。

この回答へのお礼

大変ご丁寧にご説明いただき、心から感謝しております。
教えていただきましたindex.htmlの
<!-- Headerの下にある
<header class="clearfix transparent-style">
のclearfix transparent-style部分だけを削除したら、見事に問題が解決いたしました！
本当に嬉しくて涙が出ました。見ず知らずの、ど素人に、こんなに丁寧に優しく教えてくださる方がいらっしゃるなんて、感謝＋感激です。
素晴らしい週末をお過ごし下さい。本当にありがとうございました！！！！

お礼日時：2017/10/06 07:50

No.2 回答者： t_fumiaki 回答日時： 2017/10/05 14:27

結構、不思議な事をしているので、決定打が難しい。

以下3点を試して下さい

①
<!-- Headerの下に在る
<header class="clearfix transparent-style">
の transparent-style文字列を削除して背景を透明にしない。

②
contentを丸々非表示上詰めにしている、何故だろう？
取りあえず表示して見る

<!-- contentの下の7行目辺りを修正。
<div id="rev_slider_46_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
のstyle="display:none;"を削除する。

①、②で表示しない様にしているから、フッターしか出ない。
フッターはそういう操作をしていない。

その後、多分javascriptが動いて書いてる様に見える。

③
①、②で試した後、ソースの下に在るjavascriptを削除して見る。

それでも上手く行かないなら、googleヘルプフォーラムで聞いて見る。
javascript解読の気力が無いので悪しからず。

googleヘルプフォーラムで検索して下さい。
googleアカウントでログインが必要。

この回答へのお礼

t_fumiakiさま、ありがとうございます！ひとりで黙々とこれと闘っていたので本当に嬉しかったです！
説明不足でしたが、左上のロゴをクリックするとき、右のHOMEと PROJECTをクリックしたとき、この現象が左上にでます。

①<!-- Headerの下に在る
<header class="clearfix transparent-style">
の transparent-style文字列を削除して背景を透明にしない。

こちら以外の２つを試してみましたが、こちらは、すべて削除しちゃってよいのでしょうか。
２つ削除したところ、画面左側の枠外に黒いぽっちが現れ、ページ読み込みのときの構成が変わったようでした。
そして相変わらずfooterの文字はみえました。t_fumiakiさまに教えていただいた<header class="clearfix transparent-style">
の transparent-style文字列を削除して背景を透明にしない。をぜひ試してみたいのですが、もう少しだけ、助言いただけませんでしょうか。何卒よろしくおねがいします。

お礼日時：2017/10/05 22:14

No.1 回答者： t_fumiaki 回答日時： 2017/10/05 04:13

少なくとも、urlは記載しないと解らない。

cssじゃ無くてjavaとか、もしかしたらhtmlとか、どこに問題が有るのか、見なきゃ解らない。

この回答へのお礼

http://www.geocities.jp/fiera2017/public_html/in …
t_fumiakiさま、ありがとうございます。自分のドメインをここで公開したくないので、こちらに仮にアップしましたが、いくつかの機能が使えないようでしたが、
リフレッシュさせたときに、左上に見える、copyrightの記述がでてこないようにしたいのですが、これでわかりますでしょうか。
同じデータを有料のサーバーにあげればすべてのjsが機能するようなのですが、取り急ぎ問題箇所はリフレッシュした瞬間にみえましたのでこれをアップさせていただきます。解決方法がありましたらお知恵を拝借できましたら、大変嬉しいです。よろしくお願いいたします。

http://www.geocities.jp/fiera2017/public_html/in …

お礼日時：2017/10/05 11:53