こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

画像の配置がデスクトップとノートで異なります

画像を絶対座標を用いてcssにて配置しました。
しかし、デスクトップPCでは正しく表示されましたがノートPCでは
正しく表示されませんでした。ディスプレーの解像度の違いからくるものなのでしょうか?どちらでも正しく表示させるにはcssでどのように書けばいいのでしょうか。サンプルを教えていただければ助かります。
宜しく、お願いします。

投稿日時 - 2008-02-10 10:31:02

QNo.3761612

暇なときに回答ください

質問者が選んだベストアンサー

絶対位置でのレイアウトは、ユーザーのウィンドウの大きさによって違うので、注意が必要です。絶対位置はウィンドウの左上基準で配置されるので、ユーザーがウィンドウを広げたり縮めたりするとレイアウトが崩れてしまったりするでしょうね。
例えば<div class="contents">内容</div>に絶対位置を指定しているなら、
<div class="box">
<div class="contents">内容</div>
</div>
として<div class="box">に相対位置を指定するといいと思います。

CSSの記述
.box{
position:relative;
}
.contents{
position:absolute;
top:10px;
left:30px;
}

こんなかんじでいけると思うのですが…。

投稿日時 - 2008-02-10 22:16:47

お礼

回答ありがとうございました。
早速試してみたいと思います。

投稿日時 - 2008-02-11 09:44:40

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問