webサイトを作成していて、IE6でだけアンカーが効かない現象が起きています。他のブラウザでは正常時動きます。宣言は外部CSSを使用してますが何か関係あるんでしょうか？確認したのは、Safari1.2 Opera7 MacIE5.2 Firefox1.0 IE6です。よろしくお願いします。

IE6だけ同ページ内のアンカーが効かない

解決済

質問者：ao_
質問日時：2005/06/18 10:03
回答数：3件

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です。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： rngnmd
回答日時：2005/06/18 16:59

たとえば

<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

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
原因がわかりました！
<a name="test">○○○</a>（リンク先）をCSSでtext-indent:-5000pxと設定し、（背景画像のみを表示するため）不可視エレメントごと飛ばしていました。○○○と<a name="test"></a>を切り離し、不可視エレメントを飛ばさないようにしたところなおりました。
大変お騒がせしました。

通報する

お礼日時：2005/06/19 10:59

No.3

回答者： koutarou504
回答日時：2005/06/19 03:09

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 共に効きました。

参考までに。