htmlでレイヤーの位置を指定するときに、ブラウザの幅を変えても相対的な位置が変わらないようにしたいのですが、どう指定すればいいのでしょうか?
イメージとしては、auのサイト(http://www.au.kddi.com/)のロゴの位置にレイヤーを置いて、ブラウザの幅を変えてもずっとここにいるイメージです。
同様の質問をしていたのですが、ほしい回答が付かなかったので、再度質問しました。
http://q.hatena.ne.jp/1175523752
以前ののサンプルソースです、表示おかしくなってました、すみません
<img src="http://q.hatena.ne.jp/images/kotaeru.gif" style="position:absolute;top:90px;left:90px;">
<div style="position:absolute;top:100px;left:100px;background-color:#99ffff;width:100px;height:100px;">test</div>
ありがとうございます。
はじめ、yahooで使っているCSSでも参考にするという意味かと思ってしまっていました。
→試してみました。
これだと、ブラウザの幅を変えても、絶対的な位置が変わらないだけですよね。
auのサイトのように、メインのコンテンツが真ん中にあって、その一部の画像の上にレイヤーが載っているイメージにしたいと思っています。
→relativeにして解決しました。
ありがとうございました。