ページの横幅を・・・

[新着] TAG indexオフライン版 3.0 を準備中です

0   名前： one ： 2005/03/19 21:49
ページの横幅を指定する方法を教えてください。。。
TAG indexのTOPページのように左右に空白をつくる方法です。
1   名前： 7氏 ： 2005/03/19 23:01
ページに横幅を作る…

ページの内容を中央に寄せて横幅を750px程度に指定すれば
同じような感じで指定できます。

body{text-align:center;}
.table{width:750px;}

<table class="table">
<tr><td></td></tr>
</table>
2   名前： one ： 2005/03/20 11:16
ありがとうございます＾＾
初心者なもので・・・よくわかりませんでした（TT

あと、それはどこに置けば良いのでしょうか・・・
質問ばかりですみません＾＾；
3   名前： カヅサツ ： 2005/03/20 13:40
<!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">
div{
width: 600px;
border-width: 1px;
border-style: solid;
border-color: #FFFFCC;
margin: 0px auto 0px auto;
}
</style>
</head>
<body>
<div>
<h1>test</h1>
<p>段落</p>
</div>
</body>
</html>
4   名前： 7氏 ： 2005/03/20 14:40
説明不足でしたか。すんませｎ
えっと、カヅサツさんと同じような感じで指定すればいいんですが、
<div>が全部同じような指定になると困ると思うんで、ちょろっと説明します。

<html>
<head>
<STYLE TYPE="text/css">
<!--

body{text-align:center;}
.table{width:750px;}

-->
</STYLE>
</head>
<body>
<table class="table">
<tr>
<td>表の内容１</td>
<td>表の内容２</td>
</tr>
</body>
</html>

簡単に説明するとこんな感じかと。
詳細についてはサイト内を見てください。（DECTYPEとか

「class="table"」で、上に指定した条件を適用させている感じで
「text-align:center」は<center></center>でも代用可能です
5   名前： みや ： 2005/03/20 15:02
>>4
>「text-align:center」は<center></center>でも代用可能です

いえ、代用可能ではありません。text-align: center が指定された要素内で table が中央寄せされるのは、ブラウザ側の誤った実装です。

text-align はインライン要素にのみ反映されますから，7 氏さんのソースだと「table は左に寄ったまま、各セル内のテキストだけが中央寄せされる」のが「本来の、正しい」動作です。

カヅサツさんがお書きになったソースだと、IE や FF などでは「標準モード」になり、「正しい動作」になります。
6   名前： 7氏 ： 2005/03/20 18:15
>いえ、代用可能ではありません。text-align: center が指定された要素内で table が中央寄せされるのは、ブラウザ側の誤った実装です。
あ、そうだったんですか。
以後気をつけます

ご指摘有り難うございました
一覧へ戻る