ようこそ ゲスト さん、新規登録(無料)して気になる疑問を解決しませんか?

質問

QNo.4011038 ページ内リンク アンカー
質問者:shinsaku3 ページ内リンクの記述について教えてください。
<A href="#top">このページの先頭へ</A>ですが
<A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。
記述しないと最上部の余白があり正常表示されます。
<A name="top"></A>を記述しなくてもよいのでしょうか。
該当ページ​http://www.geocities.jp/sinsaku102578/01/fujikawa.html
よろしくお願いします。
困り度:
  • すぐに回答を!
質問投稿日時:
08/05/10 10:38
この質問に対する回答は締め切られました。
最新から表示回答順に表示

回答

ANo.2 できればアンカーへは、nameではなくidで指定したほうが良いと思います。
Firefox2を使用しているのですが、nameでのページ内移動はできないことがあります。
参考までに。
回答者:noname#66720
種類:アドバイス
どんな人:一般人
自信:参考意見
回答日時:
08/05/11 03:31
この回答へのお礼ありがとうございました。参考になりました。

回答

ANo.1 >記述するとページ最上部の余白がなくなります
余白がなくなってるように見えるだけではないでしょうか。


ラベルに飛んだときは、ラベルが貼られている部分が画面上端に来るように表示されます。

ページの余白の下に#topのラベルがあるので、
#topラベルに飛んだときには余白の分がスクロールされている状態になります。


対策としては、
bodyの余白を0にし、#topラベルを最上部に設定できるようにする。
本文にあたるものに上のマージンをつけて余白があるように見せる。
のような感じです。(CSS使いますが)
回答者:15mm
種類:回答
どんな人:一般人
自信:参考意見
回答日時:
08/05/10 13:42
この回答へのお礼ありがとうございました。参考になりました。
 
最新から表示回答順に表示