HP全体の幅の固定

[新着] Webテンプレートを仮オープンしました



0   名前: ゆず : 2006/04/08 20:46
こんにちは。
とても役に立つ内容なので、参考にさせていただいています。
今回はどこを参考にすればいいのかわからなくなってしまったので、ここで質問させてください。

ホームページの全体の幅を固定させる方法を教えて下さい。
ブラウザ全体だと横に広がりすぎて、私のような余白の多いHPは間が抜けてしまいます。
例えると、vaioのページhttp://vcl.vaio.sony.co.jp/index.htmlのようにしたいのです。

よろしくお願いします。

1   名前: 匿名希望 : 2006/04/08 20:46
body{
width:800px;
}
とか?

2   名前: ふらいら : 2006/04/08 20:46
↑普通こういうやりかたってしないような…。

<div>に横幅を設定してやるのが一番かと。

3   名前: 匿名希望2 : 2006/04/08 20:46
そうでもないよ。普通にやる。
むしろ余計なdivは増やさない方がいいらすぃ。

4   名前: ゆず : 2006/04/08 20:46
ありがとうございます。

背景を右下固定で設定している場合でも、widthやdivを使えばできますか?
余白の色を指定することもできるのでしょうか。。。
参考に貼り付けたvaioのHPは影っぽくなっているんですが、こういうふうにしたいのです。

重ねて質問をして申し訳ございません。

5   名前: とおりすがり  : 2006/04/08 20:46
>背景を右下固定で設定している場合でも、widthやdivを使えばできますか?
まずは実際にやってみること。
その上で思ったとおりにできなければ、「これこれなようにしたいのに、こんなふうになってしまった」と
ソースを提示した上で聞くのがよい。
>余白の色を指定することもできるのでしょうか
「余白」自体に色指定はできないが、余白部分に現れる要素の背景色なら指定可能。
>影っぽく
がどこのことなのかよくわからないが、灰色の背景色ならbodyの色でしょう。

body{background:#cccccc url('背景画像') right bottom no-repeat fixed;}
div{width:750px;background-color:#ffffff;}

<doctype
〜略〜
<body>
<div>
本文
</div>
</body>
</html>

6   名前: ゆず : 2006/04/08 20:46
ありがとうございます。
試行錯誤を重ねて、なんとかできそうな感じです。
本当にありがとうございました。

一覧へ戻る