掲示板/スタイルシート質問板/過去ログ/一覧/ 余白

0 名前： 黒神　使 ： 2006/07/25（火） 18:05 ［URL］ ID:oz/ZQjJp: はじめまして。最近放置状態だったホームページをちと改造しようと思いまして、少しスタイルシートを勉強し始めました。
よろしくお願いします。

【何をしたいのか】
ページの上下左右の余白を指定したい。

【現在の状況】
そもそもそういうことが出来るのかがわかりません。

【何をしてみたのか】
恥ずかしながら、ホームページビルダーVer.9を使用しています。
フレーム設定ページの場合はフレームの属性で設定できるんですが、普通のページの場合、フレームがありませんから、することが出来ません。

【備考】
スタイルシートなのか、タグなのか、まったくわかりません。
こういうことが可能なのかもわかりません。すいません

説明が下手ですが、よろしくお願いします。

1 名前： 黒神　使 ： 2006/07/25（火） 18:05 ［URL］ ID:oz/ZQjJp: ↑すいません。
こういう機能がスタイルシートにありそうだと思ったので、スタイルシートの質問板に書きました。

2 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/25（火） 18:05 ［URL］ ID:O5hEMlpW

CSS の padding プロパティを body要素に指定しましょう。
4つの値は、上・右・下・左の順で指定します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>テストページ</title>
<style type="text/css">
body{
	padding: 30px 2em 50px 3%;
}
</style>
</head>
<body>
<h1>テストページ</h1>
<p>テストですよー。</p>
</body>
</html>

3 名前： 黒神　使 ： 2006/07/25（火） 18:05 ［URL］ ID:oz/ZQjJp: あーなるほど。
paddingって言うのは余白って言う意味だったんですね。
ありがとうございました。

pxがピクセル分で
emが文字数分で
%がそのページの何パーセント分か
って解釈で間違ってませんか？

4 名前： 黒神　使 ： 2006/07/25（火） 18:05 ［URL］ ID:oz/ZQjJp: すいません。設定をしようと思ったんですが、
標準設定で良い方向への余白設定はどう表現すればよろしいんですしょうか。

5 名前： HAL ： 2006/07/25（火） 18:05 ID:GBWhGkRM: http://www.tagindex.com/stylesheet/box/padding2.html

とりあえず、ここのサイトのCSSのページを一通りご覧になってはいかがでしょうか。
基本的にこの掲示板は、サイトを見て分からない部分がある時に利用する…というわけでもないのかもしれませんが。

6 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/25（火） 18:05 ［URL］ ID:O5hEMlpW: > pxがピクセル分で
> emが文字数分で
> %がそのページの何パーセント分か
> って解釈で間違ってませんか？

だいたいあってます。
% は正確には親要素の横幅に対する割合ですが、まぁ本件の場合はウィンドウサイズの横幅に対する割合です。

> 標準設定で良い方向へ

「標準設定で良い方向」って何用語でしょうか？

7 名前： 黒神　使 ： 2006/07/25（火） 18:05 ID:oz/ZQjJp: >>5
こんなページ合ったんですね＿|￣|○
たどり着けませんでした＿|￣|○
HALさんすいません。大体解決しました。

>>6
えーと。
何も設定しない状態で、勝手に少し余白が設定されてますよね？
そのデフォルトの設定でいい余白の設定はどうやって表記すれば良いのかという質問でした。
つまり、カズサツさんが教えてくれたスタイルシートでは、左右上下すべての設定をしなければいけませんでしたよね？
カズサツさん。ややこしくてすいませんでした。

お二人ともありがとうございました。

8 名前：匿名： 2006/07/25（火） 18:05 ID:zqn32COP

>>7
> デフォルトの設定でいい余白の設定はどうやって表記すれば良いのか

padding:auto 2em auto 3%;

もしくは

padding-left:2em;
padding-right:3%;

あと、
× カズサツさん
○ カヅサツさん

9 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/25（火） 18:05 ［URL］ ID:O5hEMlpW: > × カズサツさん
> ○ カヅサツさん

全米が泣いた

10 名前： 黒神　使 ： 2006/07/25（火） 18:05 ID:oz/ZQjJp: >>9
も、申し訳ない！
でも日本人は誰も泣いてないようですね　　　　　　　　　(￣ー+￣ ) ﾆﾔﾘ

カヅサツさん。冗談です。
￣￣￣￣

>>8
ありがとうございます＾＾；；