HTMLに関する質問

下記のHTML文でバックの灰色部分をセンターリングするにはどうしたらいいのでしょうか？

<P style="padding: 8px; width: 800; background-color:#CCC" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>

No.5 回答者： key-child 回答日時： 2007/02/15 01:57

HTMLで行うならcenter要素で行うのが妥当なのかな。

また、div要素のalign属性にcenterを設定するのでも同様の処理が行われるよう。
【HTML 4.01仕様書邦訳】配置
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …

その際は文書型宣言に注意。Strictでは使えません。
文書型宣言については下記を参照。
【HTML 4.01仕様書邦訳】HTMLバージョン情報
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …


スタイルシートを使えるなら下記のようにするのが妥当。

p {
margin: 0 auto;
padding: 8px;
width: 800px;
text-align: center;
background-color: #ccc;
}
input {
width: 120px;
}

<p><input type="submit" value="Aタイプ"><input type="reset" value="Bタイプ"></p>


IE6の場合は標準モードでないとセンターに表示されません。
標準モードについては下記を参照。
【TAG index】表示モードについて
http://www.tagindex.com/html_tag/basic/doctype.h …


質問とは直接関係はないですが、p要素のwidthプロパティについては単位を付けましょう。
800→800px

No.4 回答者： mariocec 回答日時： 2007/02/14 00:13

#3です。

下書きの転記ミスです、最後の行が抜けていました。
</TBODY>の後に</TABLE>を入れて下さい。

失礼しました。

ついでに、ご存知だと思いますが、テーブルの長所ですけどこのリンク行の高さを指定することが出来ます。
TDの中身に高さ要素を加えますと
<TD style="text-align:center; height:22px;">
など。

No.3 回答者： mariocec 回答日時： 2007/02/13 21:00

こんばんは。

画面いっぱいに拡がる見えない表を作ってその中にセンタリングさる方法は如何ですか。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
<TABLE border="0" width="100%">
<TBODY>
<TR>
<TD style="text-align:center;">
<P style="padding: 8px; width: 800; background-color:#CCC; "><INPUT type="submit" value="Aタイプ" style="width: 120px"><INPUT type="reset" value="Bタイプ" style="width: 120px"></P>
</TD>
</TR>
</TBODY>

No.2 回答者： leap_day 回答日時： 2007/02/13 20:53

<center>

<P style="padding: 8px; width: 800; background-color:#CCC;" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>
</center>


<div style="text-align:center;">
<p style="padding: 8px; width: 800; background-color:#CCC;" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
<p>
</div>

どちらでもできます（＾＾）

参考URL：http://stylesheet.dspt.net/001/ie_error2.html

No.1 回答者： gura_ 回答日時： 2007/02/13 20:30

　<center>～</center>で囲うのはだめですか↓

<center>
<P style="padding: 8px; width: 800; background-color:#CCC" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>
</center>