CSSを利用しているときに

質問

CSSを勉強しています。
leftとtopを利用して、好きな位置に画像や文章などを表示しているのですが、
スタイルシートを仕様してない時の表示分だけ、下に空白ができ、
スクロールバーを動かせてしまいます。

この空白を消すにはどうしたら良いでしょうか。

回答No.2

leap_day

こんにちは

こんな感じにしているのでしょうかね？

ここから
<div style="position:relative;width:800px;height:100px;top:100px;left:100px;background-color:red;">表示位置変更部分</div>
ここまで

position:relative;にした場合はここから～ここまでの部分の表示位置の見せ方を変えるだけですから実際にはそこに存在しています

position:absolute;　に変更してみてください

参考URL：

http://www.whitefox-ex.com/library/CSS5.html

お礼

自己解決しました。
ありがとうございました。

補足

「position:absolute;」にした場合、ブラウザの中心に画像をおくことができません。(正確には、中心から数ピクセルずれた位置におきたい。)

なにかいい方法はありませんでしょうか。

回答No.1

himajin100000

よくわからんけど、

>スタイルシートを仕様してない時の表示分だけ、下に空白ができ、

http://www.w3.org/TR/CSS21/visuren.html#propdef-position
http://www.htmq.com/style/position.shtml

という話？