CSSテクニックコミュのposition:absoluteのズレ2

最近お世話になりっぱなしのお茶目でございます^^;
今回の質問させて頂くのは、以下の通りです。

「position:absoluteでのアンカーをある一定の部分に固定できるかどうか」

以下のトピックを見て頂ければ分かる通り、positionのズレはほぼ解決しました。
http://mixi.jp/view_bbs.pl?id=4165691&comm_id=15544

footer部分において新たな問題が起りました。

コーポレートサイトを制作しているのでfooterの上には新着情報があるのですが、
この部分はいくらでも情報が縦に入るように伸縮する状態になっています。

なのでfooter部分にアンカーをかぶせている部分が、固定されているため、情報が
追加されるたびにリンクがズレてしまいます。

ズレずに、footerのナビにアンカーを固定させることは可能なのでしょうか。

【HTML】

<div id="footer">

<ul>
<li id="sitemap"><a href="#" title="Bio Impactのサイトマップはこちらから">サイトマップ</a></li>
<li id="inquiry"><a href="#" title="お困りの場合はこちらから">お問合わせ</a></li>
<li id="adoption"><a href="#" title="採用情報について">採用情報</a></li>
<li id="ind"><a href="#" title="個人情報の保護について">個人情報保護方針</a></li>
</ul>

</div>


【CSS】
#footer{
margin:0;
padding:0;
width:800px;
height:50px;
background:#ffffff url(../images/footer.gif) no-repeat;
}

#footer li{
display:block;
list-style:none;
text-indent:-9999px;
}

#sitemap a{
position:absolute;
left: 112px;
top: 1137px;
width: 66px;
height: 16px;
overflow:hidden;
}

以下省略

このやり方がそもそも良くないのか、他に良い方法がある、などご存知の方いらっしゃいましたらよろしくお願い致します。

コメント(3)

最初
全て
最新の40件

[1] mixiユーザー 01月29日 15:21

まずはいろいろ試してはどうですか。

[2] mixiユーザー 01月29日 18:11

> なのでfooter部分にアンカーをかぶせている部分が、固定されているため、情報が
> 追加されるたびにリンクがズレてしまいます。

固定しなかったら良いのではないでしょーか。
なんか↑のサンプルでは乏しすぎて、よくわからんﾃﾞｽﾅ。

[3] mixiユーザー 01月29日 21:46

div#footer内のposition : absoluteな要素をdiv#footerに対して固定したいだけなら、div#footerにposition : relativeを指定して基準をdiv#footerにすることで解決できそうな気がします。

参照↓
http://mixi.jp/view_bbs.pl?id=4165691&comm_id=15544

なんか↑のサンプルでは乏しすぎて、よくわからんですのではっきりしたことは言えません。

ログインすると、みんなのコメントがもっと見れるよ