ページの横幅を・・・
- 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 が中央寄せされるのは、ブラウザ側の誤った実装です。
あ、そうだったんですか。
以後気をつけます
ご指摘有り難うございました
