positionについて

質問

画像のpositionをabsoluteで設定したいのですが　ページ全体がセンタリングされているため　画像の位置が変わってしまいます。relativeで指定してしまうと画像の重なりが表現できないので使えません。だれかいい方法があれば教えてください。

回答No.1

steel_gray · ベストアンサー

<センタリングするブロック style="position:relative;">
<img style="position:absolute;top:yy;left:xx;">
</センタリングするブロック>

こんな感じにすると常に<センタリングするブロック>の上左端が基点(0,0)となります。
なのでabsoluteで配置しても大丈夫になります。

参考URL：

http://www.y-adagio.com/public/standards/tr_css2/visuren.html#positioning-scheme

お礼

ありがとうございます。返事遅れてすみませんでした。ブロックとイメージのpositionを別々に設定できるのですね。これはいろんな所で活用できそうなので大変勉強になりました。ちょっと気になったのですがDream weaverのでの表示がかなりずれて表示されていたのですが、それはどうしてですか？わかれば返信お願いします。（プレビューでは正常でした。）

回答No.2

steel_gray

>Dream weaverのでの表示がかなりずれて表示されていた
Dream weaverについてはわかりませんです。

お礼

そうですか・・・。ありがとうございました。