相対配置した要素へ向かうリンクのジャンプ先が移動前の位置になる

症状

リンク目標にした要素(id属性やname属性を設定した要素)を相対配置すると、その要素へ飛ばすリンクが相対配置要素をシフトさせる前の位置へ飛ばすリンクになってしまう。

例示

<div style="position:relative; top:4em; background:aqua;" id="rela">
相対配置</div>
<p style="margin-bottom:3em;"><a href="#rela">リンク</a></p>
相対配置

リンク

相対配置したdiv要素へ飛ばすリンクです。本来は閲覧領域の上端にdiv要素が現れるはずです。

修正状況

WinIE6.0では標準・互換モードの両方で不具合の発生が確認されました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

入力フォームでコピペ(コピー&ペースト)を禁止する方法

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る