webサイトを作成していて、IE6でだけアンカーが効かない現象が起きています。他のブラウザでは正常時動きます。
宣言は<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
外部CSSを使用してますが何か関係あるんでしょうか?
確認したのは、Safari1.2 Opera7 MacIE5.2 Firefox1.0 IE6です。
よろしくお願いします。
No.1
- 回答日時:
補足をお願いいたします。
CSSを外部にしていることはあまり影響が無いのではと思いますが……
アンカーは何で指定されていますか?
idでしょうか?
nameでしょうか?
そのあたりを記述していただくとレスが付くかもしれません。
この回答への補足
ご返信ありがとうございます。
アンカーはnameで指定しています。
<a name="○○○">■■■</a>といった感じです。
自分もいろいろ試していますので解決したらご報告します。
No.2ベストアンサー
- 回答日時:
たとえば
<a href="#test">test</a>
で飛ばしたい場所へのリンクを張って
<a name="test">ここに飛ぶ</a>
と飛ばす先に書いているということですよね?
ためしに
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
の宣言をして、外部スタイルシートをリンクし、アンカーかけてみましたが当方の環境(WinXP IE6SP2)ではちゃんと飛びました。
……そのためますます分からなくなってしまったのですが、切り分けの為に一番単純なHTMLを試しに作って確認されてはどうでしょうか。
回答になっていなくて申し訳ございません。
参考URL:http://www.tohoho-web.com/how2/link.htm#nameLink
ご回答ありがとうございます。
原因がわかりました!
<a name="test">○○○</a>(リンク先)をCSSでtext-indent:-5000pxと設定し、(背景画像のみを表示するため)不可視エレメントごと飛ばしていました。○○○と<a name="test"></a>を切り離し、不可視エレメントを飛ばさないようにしたところなおりました。
大変お騒がせしました。
No.3
- 回答日時:
CSS スタイルシートは関係ないと思います。
何故なら DOCTYPE が URL付きの標準モードなので
逆に IE 拡張機能が対応されていないはずなので・・・。
私の経験からだと、可能性は拡張子 ファイルの種類ではないかと・・・。
私の今の環境(Windows XP SP2) では IE6.0 では shtml は表示する事すら出来なかったので確認はとれませんが
以前、shtml に於いてアンカーが効かなかった経験があります。
尚、html, htm 共に IE6.0, Sleipnir1.66, Opera7 Mozilla1.7.5 にてアンカーは name, id 共に効きました。
Sleipnir1.66 では shtml で表示が出来ましたがアンカーが効かないというか対象がないとなりました。
Opera7 Mozilla1.7.5 では shtml にてアンカーは name, id 共に効きました。
参考までに。
ご回答ありがとうございます。
原因がわかりました!
<a name="test">○○○</a>(リンク先)をCSSでtext-indent:-5000pxと設定し、(背景画像のみを表示するため)不可視エレメントごと飛ばしていました。○○○と<a name="test"></a>を切り離し、不可視エレメントを飛ばさないようにしたところなおりました。
大変お騒がせしました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
form action="#"
-
カーソルを合わせたら効果音を...
-
googleサーチコンソールで、重...
-
ポップアップ画面にアンカーを...
-
携帯でPCサイトを見た時、隠し...
-
iframe内から親ページに文字列追加
-
safariでアンカーリンクが動作...
-
<IFRAME>について
-
1度に複数フレームの表示が戻...
-
ブックマークをするとタイトル...
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
<!DOCTYPE html>あってますか?↑
-
java_run.batがダウンロードで...
-
Excelで、社外秘(閲覧のみ)と...
-
セイヨウタンポポとカントウタ...
-
Webサイトから、txtファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
googleサーチコンソールで、重...
-
<a href="/">トップへ</a> こ...
-
ページの途中にリンクするとそ...
-
画面を開いたときに指定位置ま...
-
httpdで接続が拒否される
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Preタグ内URLからリンクは張れ...
-
<a target="_top" href="***.ht...
-
リンクの文字とリンクの文字を...
-
ポップアップ画面にアンカーを...
-
マップを使ってページをリンク...
-
WEBページのヘッダーフッターを...
-
DREAMWEAVER アンカーポイント...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内のアンカ...
-
CSS で a hover を個別に適用し...
-
Excel VBAを使ってHTML生成をし...
おすすめ情報