人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlのレイヤーの位置の指定方法について。

htmlでレイヤーの位置を指定するときに、ブラウザの幅を変えても相対的な位置が変わらないようにしたいのですが、どう指定すればいいのでしょうか?

イメージとしては、auのサイト(http://www.au.kddi.com/)のロゴの位置にレイヤーを置いて、ブラウザの幅を変えてもずっとここにいるイメージです。

同様の質問をしていたのですが、ほしい回答が付かなかったので、再度質問しました。
http://q.hatena.ne.jp/1175523752

●質問者: dingding
●カテゴリ:インターネット ウェブ制作
✍キーワード:AU HTML イメージ サイト ブラウザ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● aside
●60ポイント

以前ののサンプルソースです、表示おかしくなってました、すみません

<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>

http://www.yahoo.co.jp

◎質問者からの返答

ありがとうございます。

はじめ、yahooで使っているCSSでも参考にするという意味かと思ってしまっていました。

→試してみました。

これだと、ブラウザの幅を変えても、絶対的な位置が変わらないだけですよね。

auのサイトのように、メインのコンテンツが真ん中にあって、その一部の画像の上にレイヤーが載っているイメージにしたいと思っています。

→relativeにして解決しました。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ