OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

レイヤーの固定の方法

  • 暇なときにでも
  • 質問No.218439
  • 閲覧数98
  • ありがとう数1
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 75% (25/33)

レイヤーの対して、「position:absolute」を指定すると、親要素の位置を
基準に配置場所が決まりますよね。

ある画像を画面のセンター揃えにした場合、自動的に画面のセンターに表示
されるようになります。これだと画面のサイズによって画像の座標が変わって
しまいます。

今は<BODY>タグが親要素となっているため、レイヤーの位置が画面のサイズに
よって違ってしまいます。(つまり画面の上から40px、横から100pxという指定)
画面のサイズによって座標が変わる親要素からレイヤーの位置を指定したいのですが、その方法がわかりません。
解決策を教えてください。

果たしてこの説明で意味が伝わったでしょうか??心配…。
通報する
  • 回答数2
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全2件)

  • 回答No.1
レベル13

ベストアンサー率 38% (607/1597)

説明が分かりにくいのでできればサンプルを呈示していただいたほうが わかりやすいかも・・ 配置に関しては以下のキーワードが用意されています。   通常の場所から相対的  relative   親に対して絶対的に配置 absolute   親要素に絶対的。不動  fixed この点に関してはご存知かと思います。固定的に配置するのであれば head中にスタイルシートの指定をいれるとした場合 ...続きを読む
説明が分かりにくいのでできればサンプルを呈示していただいたほうが
わかりやすいかも・・
配置に関しては以下のキーワードが用意されています。

  通常の場所から相対的  relative
  親に対して絶対的に配置 absolute
  親要素に絶対的。不動  fixed

この点に関してはご存知かと思います。固定的に配置するのであれば
head中にスタイルシートの指定をいれるとした場合
IMG.logo{ z-index:auto; position:absolute; top-10px;left:30px;}
といれて<IMG SRC = "img//logo.gif" class = logo>とクラスを
指定してやればOKです。
親要素に対して相対的であるならposition:relativeでよいのではないで
しょうか。
  • 回答No.2
レベル13

ベストアンサー率 38% (607/1597)

おや?と思ったのですが <center> <table><tr><td> <IMG SRC = "img//logo.gif" class = logo> と組んだ時にネスケ6.2だとテーブルを親として判断せずにウインドウを 基準に座標をとるようです。IEだとOKなんですけどねぇ
おや?と思ったのですが

<center>
<table><tr><td>
<IMG SRC = "img//logo.gif" class = logo>

と組んだ時にネスケ6.2だとテーブルを親として判断せずにウインドウを
基準に座標をとるようです。IEだとOKなんですけどねぇ
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ