• ベストアンサー
  • 困ってます

HTMLアンカーがFirefoxでうまく飛びません。

HTMLアンカーがFirefoxでうまく飛びません。 HTMLアンカーを指定して別ページからもリンクできるようにしたいのですが、IEではきちんとアンカーの所に移動するのですが、Firefoxだと、ページの一番下に飛んでしまいます。 ソース************************************************* <a name="a1" id="a1"></a> あいうえお ******************************************************* <a href="../index.html#a1">あいうえお</a> ******************************************************* Firefoxだけうまく行きません。 何が問題なのでしょうか?

共感・応援の気持ちを伝えよう!

  • HTML
  • 回答数1
  • 閲覧数2583
  • ありがとう数18

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

Firefoxはアンカーの子要素にテキストノードがないと正常にレンダリングしてくれません。 よって <a name="a1" id="a1">&nbsp;</a> あいうえお または <a name="a1" id="a1">あいうえお</a> としてください。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • HTMLのアンカーリンクについて。

    HTMLのアンカーリンクについて。 アンカーリンクですが、通常どおりリンクをはると、ブラウザ画面の一番上にぴったりくっついたかたちでリンクしてしまします。 たしか、リンク先の上の幅を指定できたと思うのですが、やり方を忘れてしました(^^;ゞ ちなみにHTMLはこんな感じです。 <div id="content">  <div id="anchor">   <ul>    <li><a href="post-1">投稿1</a></li>    <li><a href="post-2">投稿2</a></li>    <li><a href="post-3">投稿3</a></li>   </ul>  </div>  <div id="entry">   <h2 id="post-1">投稿1</h2>   <h2 id="post-2">投稿2</h2>   <h2 id="post-3">投稿3</h2>  </div> </div> すこし検索してみましたが見当たらなくて、質問させていただきました。 どなたか、おわかりの方ご教授いただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ページ内アンカーに移動しない:

    ページ内アンカーに移動しない: あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

  • Firefoxでアンカーリンクが飛ばない件

    こんにちわ。 Firefoxのみアンカーリンクが機能しません。 別ページには飛ぶのですが、そのページのTOPへ飛んでしまいます。 こういうことです。 B.htmlページ内からA.html内の#abc_01へ飛ばしたいのです。 しかしA.htmlのページTOPへ飛ばされ、ぜんぜーーん#abc_01へ飛んでくれず 機能しないのです。 しかし、ローカル環境では飛んでくれております。 ※A.html <h2 id="abc_01">ダミー</h2> ※B.html <li><a href=A.html#abc_01>ダミーはこちら!</a></li> 色々調べて、以下の事を試してみましたが代わりませんでした。 ■IDの名前を変更 ■name="abc_01"を付け加える。 Firefox Ver.21.0 もう少しで納品の期日が迫ってきていますので急いでおります。 どなたかわかる方お返事お願いいたします。

    • ベストアンサー
    • HTML
  • アンカーについて

    こんばんは <div name="(アンカーの名称)"></div> <a href="#(アンカーの名称)"></a> 通常はa要素にnameを指定します。div要素にnameを指定したらいけませんか。 ご回答お願いします。

    • ベストアンサー
    • HTML
  • HTMLリンクからPDFのしおりへリンク指定する方法

    HTML<a href=\"~リンク\">からPDFのしおりへのリンク指定方法についてご存知の方がいらしたら教えていただけませんか? PDF内の任意のページ(n)へのアンカー指定方法は「***.pdf#page=n」というところまでは分かりましたが、できればPDFの「しおり」を利用した、あるページの中のあるテキストへHTMLのアンカーリンクの様に飛ぶことができればと考えています。 条件としては、ユーザーがクリックするリンクはHTMLのa hrefです。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • アップロードしたらアンカーがちゃんと動作しない。大変困ってます。

    ファイルをサーバにアップロードしたら、急にHTMLのアンカータグの動作が不安定になりました。 例: 下記のようなターゲット(id="2")を <div class="green" id="2"> ここに跳ぶ </div> abc.htmlにセットするとします。 そして、 下記のようなアンカーを <a href=" abc.html#2">テスト</a> abc.html及びdef.htmlにセットするとします。 つまり、abc.htmlファイル内では、同ページ内の特定の位置(id="2"の位置)へ、そしてdef.htmlからは他のファイル(abc.html)の特定の位置(id="2"の位置’)へリンクしたいのです。 ここで、abc.htmlファイルの内の上記アンカーからabc.htmlファイルの特定の位置(id="2"の位置)へのリンクは問題なく作動しますが、def.htmlファイル内の上記アンカーからabc.htmの特定の位置(id="2"の位置’)へのリンクの動作が不安定です。不安定というのは、このようなアンカーを幾つか使用しているのですが、全く動作しないもの又はクリックごとにちゃんと動作したりしなかったりするものがあります。全く動作しない(及びちゃんと動作しない)場合、def.htmlファイル内の上記アンカーからabc.htmの特定の位置(id="2"の位置)へ跳ばずにabc.htmのページトップに移動します。ただし、def.htmlからabc.htmへは毎回ちゃんと移動します。 この現象は、サーバ上でアンカーを動作させた場合にのみおきます。何度ファイルのアップロードを繰返しても解消できません。 どのようにすればこの問題が解消できるか、教えて下さい。 DreamWeaverMX2004を利用して開発していますが、ローカルのPC上で、テストしているときは、全てのアンカー(上記で説明しているアンカーも含めて)は問題なく動作します。サーバ上でアンカーを動作させた場合にのみ上記のような問題がおきます。 また、通常のリンク(ファイル内の特定の位置を指定しないリンク)は、サーバ上でも全てちゃんと動作します。 よろしくお願いします。

  • HTMLでのリンク不具合について

    誠に恐れ入りますが、Windows-XP でHTMLでのリンク不具合について教えてください。 他のファイル(HTML)の関係性を表現するリンクで、始点側アンカー(例: #abcd )をおいて他ファイル(filexxx) 内の位置(例:<A name="abcd"></A> )を指定した場合、 例: <href="http://www.company.com/filexxx.htm#abcd ">とした場合、 最近、WEBをバージョンアップしてから指定位置に移動せずに、移動したファイル(filexxx ) のトップで止まってしまいます。何が原因でしょうか? いままでは、正常に動いていたのですが。 もしお分かりでしたら教えてください。

  • <a name=""></a>で他のページからリンクを張った場合、IEで動作しません。。。

    system.htmlというページに<a name="hoge"></a>というアンカーネームを つけたとします。 別ページ、hoge.htmlのコンテンツに<a href="system.html#hoge">hoge</a> というリンクを張った場合、Firefox,safariではちゃんと機能するのですが IE6(7はまだ未検証)では機能しません。 いろいろ試したのですが理由がどうしてもわかりません。リンクの張り方が 間違っているのでしょうか。原因を教えていただけると助かります。 よろしくお願いします。

  • ページ内リンクが動作しません

    IE6.0でCGIで動的に作成したHTMLでページ内リンクがききません。 <a href="foo.cgi#top">a</a> このように記述していてfoo.cgiで吐き出すHTML内には <a name="top"></a> があります。 FireFoxでは上の記述で問題なくページ内リンクがきくのですが、IEだけききません。 IE固有の問題だと思うのですが、とても困っています。 シェアの関係から言ってIEできいて、FireFoxできかないのならある程度許せるのですが逆はさすがにまずいです。 IEでもうまく動作させる方法はあるのでしょうか? ちなみに <a href="foo.html#top">a</a> はうまく動いてくれます。動的に生成したページのみ無理なのです。 IE7.0でこの問題が解決されているようなら問題ないのですが、確認できていません。 ネットでもいろいろ調べてみましたがうまくヒットせず探しきれていません。

    • 締切済み
    • CGI
  • FC2ブログで別記事のアンカーリンクを設置する方法

    FC2ブログで記事作成時にあらかじめ作成しておいたアンカーにハイパーリンクでアンカーリンクを貼ることは可能ですが、ハイパーリンクでは、「このページのアンカー」しか選べません。 違うページのアンカーにリンクさせるにはどのような使い方をすればイイでしょうか? 違うページのアンカーにリンクさせる方法は <a href="ページURL#アンカー名">表示される文字</a> でできるというのは調べるとわかったのですが、わざわざこのHTMLを記録しておいて利用するしか方法はないのでしょうか?