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

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

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

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

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

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

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

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

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

関連するQ&A

  • 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
  • ページ内アンカーに移動しない:

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

  • アンカーについて

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

    • ベストアンサー
    • HTML
  • Locationでアンカーに飛ばしたい

    下記のPHPを作り、 name_idがなかったらname.php?a1=user_idに飛ばす、 name_idがあったらuser.php?a2=name_idに飛ばしています。 ここまでは問題ありません。 今回、 name.php?a1=user_id#name user.php?a2=name_id#name と、それぞれのページの#nameのアンカーが付いているところに飛ばしたいと考えています。 しかしながら、単純に下記を header("Location: name.php?a1=$type#name:"); のようにアンカーを追加したたでけでは思う行に飛ばすことができません。 Location で他のページのアンカーに飛ばすにはどうすば良いでしょうか? 宜しくお願い致します。 <?php $type = $_GET['user_id']; $type2 = $_GET['name_id']; if (empty($type2)) { header("HTTP/1.1 301 Moved Permanently"); header("Location: name.php?a1=$type:"); exit(); } else { header("HTTP/1.1 301 Moved Permanently"); header("Location: user.php?a2=$type2:"); exit(); }; ?>

    • ベストアンサー
    • PHP
  • a nameでのファイヤーフォックスでのエラー

    すみません、質問させてください。 IEでは問題ないのですが、ページ内リンクを貼った際、 ファイヤーフォックスではリンク元にカーソルを合わせると 貼った箇所にリンクバー(下線)が出てしまいます。 CSSで .style: text-decoration:none; としてそのクラスをa nameに読み込ませても出てしまいます。 例;<a name="005" class="style">あいうえお</a> ※この あいうえおの部分にファイヤーフォックスでカーソルを合わせるとリンクの下線が表示されてしまう。 どなたか回避方法をご存知ないでしょうか?

  • FireFoxで#を使った同ページ内リンクが動きません

    MTで作ったブログ形式のHPを作っています。 投稿記事の中で#を使った同ページ内リンクを貼っていますが、 FireFoxではこのリンクが動作しません。 IEでは動作するのにFireFoxでは動作しないのは、何故なのでしょうか? ちなみに私はこんなふうに書いています。↓ -------------------------------------------- <a href="#a">▼説明はこちらです。▼</a> <a name="#a"></a> ここに説明文が書いてあります。 -------------------------------------------- FireFoxで同ページ内リンクがちゃんと動くようにするには どうしたらいいでしょうか?

  • 表示範囲の狭い時のアンカータグについて

    仕事でHTMLを製作しております。 環境はウインドウズXPSP2です。 HTMLの構造は 親ページ、A.htmlに、 子ページ、B.htmlが <iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe> に表示されているというものです。 A.htmlに項目がずらっと並んでいて、 それにリンクが張ってあり、それらをクリックすると 表示されているB.htmlの指定箇所を表示するというものです。 現在、A.htmlのリンクは、 <a href="B.html#01">1</a> <a href="B.html#02">2</a> <a href="B.html#03">3</a>となっており、 B.htmlには、 <a name="01"></a> <a name="02"></a> <a name="03"></a> となる、アンカーリンクが張ってあります。 これで、動きは完動するのですが、 <iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe> とあるように、表示されている縦が1000と、デザイン上すごく長くて、ふつうのPCでは表示し切れていません。現状この状況でアンカーリンクをクリックすると、通常動作と同時に親ページ、A.htmlの表示がページの一番下にスクロールしてしまいます。 A.htmlにある項目がデザイン上、上方にあるので、 他の項目を見るたびにA.htmlを上までスクロールしなければいけないのです。 アンカータグであるという原因はわかっているのですが、対処の仕方に悩んでいます。 わかりずらい状況かもしれませんが、 ご教授よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 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 href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A1.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか? <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか?

  • インラインフレーム内のアンカーに飛ばせますか?

    a.html上にname="ai"としてiflameを置き、そこにb.htmlを表示させています。 このb.htmlにはアンカーをいくつかつけており a.html上にあるリンクをクリックすると インラインフレーム内のb.htmlの任意のアンカーポイントへ移動するということをしたいのですが 可能なのでしょうか? 現在このような書き方なのですが まったく動きません…。 <a href="b.html#b-1" target="ai"><img src="image.gif" width="100" height="16"></a> 教えてください。

    • ベストアンサー
    • HTML

専門家に質問してみよう