Chromeで内部リンクがリンク先にジャンプしない

質問

現在、ホームページの作成をしております。HTMLで内部リンクを設定したのですが、GoogleChromeにて１回目ジャンプ先に遷移せず、コンテンツの内容が少し上にずれてしまいます。再度クリックすると、内部リンク先にジャンプしますが、ずれてしまったコンテンツは直りません。

【具体例】
HTMLは以下のように記述しています。

<a href="#Hoge">Hogeへリンク</a>　・・・（１）

HTMLsource

<a id="Hoge" name="Hoge">Hogeのリンク先です</a>

GoogleChrome6.0でテストしております。

お手数をお掛け致しますが、コンテンツのズレと内部リンクにジャンプしない事象の対応方法をご存知の方がおられましたらご教授頂きたく、宜しくお願い申し上げます。

回答No.1

its_a_sony · ベストアンサー

過去のご質問を含めて回答が得られないようですね。
お答えしたいのですが、ご質問の内容が簡略化しすぎていて回答が難しいです。

特に今回のご質問は具体的に「どのように」「少し上にずれてしまう」のか等が感覚的な問題なため、説明する側も回答する側も把握が難しいと思います。

現在作られているHTMLソースとあればCSS、これを「省かずに」ヘッダからフッタまですべて提示されるとこちらでも検証ができます。ご自分で「この部分は必要ないだろう」と判断せずに全部提示されることを検討してみてください（もちろん、コンテンツの内容はhogeなどに置き換えてもらって構わないですが）。

というのも、ほかの部分のCSSやタグが原因で思わぬ動きをしている可能性も否定できないからです。
また、お使いのWEB作成ソフト名を記述されたり、合わせて症状を説明する画像などを添付されるとより良いかもしれませんね。

ちなみにですが、この手のトラブルの場合、今作られているHTMLではなくテスト用のHTMLを用意し、なるべくプレーンなHTMLを組んでみてそれで検証してみるとよいと思います。
ほかのclassやid、そのほかのタグが邪魔をしている可能性を排除できるので、原因が特定しやすくなります。ぜひ試してみてください。また、IEやFirefox、Safariといったほかのモダンブラウザでの検証もしてみてください。

ピンポイントな回答でなく申し訳ありませんが、参考にしていただければ幸いです。
解決することをお祈りしております。

お礼

お忙しい中ご回答ありがとうございます。
HTMLソースなのですが企業のHPであるため開示は難しいです。
また、アドバイス頂きましたとおりやはり検証が足りませんでした。
プレーンなHTMLでいろいろとやってみたいと思います。
本当にありがとうございました。

これにて本件クローズにしたいと思います。