過去ログ表示


過去ログ 25 を表示

トピック内全 7 記事中の 1 〜 7 番目を表示
[ 最新記事及び返信フォームをトピックトップへ ]
このトピックの全ページ / [0]

センタリングしない
(#3583) このトピック中1番目の投稿

下記はあるシステムが吐き出すソースですが、IEやNetscape4.78では
センタリングされて表示しますがmozillaでは左側によります
これは、どちらが悪いのでしょう?
htmlには詳しくないので教えてください。

下記のhtmlです こういう投稿の仕方でもいですか
---------- 以下ソース ------------
<html>
<head>
<title>
確認画面</title>
</head>
<body>

<br>
<table >
<center>
<table BORDER="5">
<tbody>
<tr>
<th ALIGN=CENTER COLSPAN="2" BGCOLOR="#00FF00"><h3>現在の選択項目</th>

</tr>
<tr>
<td><h3> abc </td>
<td><h3> def </td>
</tr>
<tr>
<td><h3> ghi </td>
<td><h3> jkl </td>
</tr>
<tr>
<td><h3> mno </td>
<td><h3> pqr </td>

</tr>
</tbody>
</table>
<br>
<br>
<center>
以上でよろしいですか?
</center>
<br>
<br>
<input TYPE="submit" VALUE=" O K ">
<input ONCLICK="history.back()" TYPE="BUTTON" VALUE=" 戻 る ">
<br>
</center>
</table>
</form>

</body>
</html>


Re[1]: センタリングしない
(#3584) このトピック中2番目の投稿

> 下記はあるシステムが吐き出すソースですが、IEやNetscape4.78では
> センタリングされて表示しますがmozillaでは左側によります
> これは、どちらが悪いのでしょう?

9行目と43行目にある <table> </table> を削除してみてください。

> htmlには詳しくないので教えてください。

どのタグの間(<xxx>〜</xxx>)にどんなタグを使うことが
できるかという事を参考書などを見て注意しておくと、こう
いう問題はだいたい避けることができますので。


Re[1]: センタリングしない
(#3585) このトピック中3番目の投稿
本題と関係ないけど,タグがわりとデタラメなので,ちょっと添削.

> <html>
> <head>
> <title>
>   確認画面</title>
> </head>
> <body>
> 
> <br> ←このタグは無意味
> <table > ←このタグは不要(tamcatさんのご指摘通り)
> <center> ←従ってこのタグも不要
> <table BORDER="5">
> <tbody> ←このタグは普通は省略する
> <tr>
> <th ALIGN=CENTER COLSPAN="2" BGCOLOR="#00FF00"><h3>現在の選択項目</th>
  ↑「th」タグ自体が「align="center"」要素を内包しているのでムダ
     ※tdタグなどに書く場合は引数を「""」で囲むこと
> </tr>
> <tr>
> <td><h3> abc </td>
> <td><h3> def </td>
> </tr>
> <tr>
> <td><h3> ghi </td>
> <td><h3> jkl </td>
> </tr>
> <tr>
> <td><h3> mno </td>
> <td><h3> pqr </td>
> 
> </tr>
> </tbody> ←このタグは普通は省略する
> </table>
> <br>
> <br>
> <center>
> 以上でよろしいですか?
> </center>
> <br>
> <br>
> <input TYPE="submit" VALUE=" O K ">
>  <input ONCLICK="history.back()" TYPE="BUTTON" VALUE=" 戻 る ">
> <br> ←このタグは無意味
> </center> ←下のが不要なのでこのタグも不要
> </table> ←このタグは不要(tamcatさんのご指摘通り)
> </form> ←開始タグがないよ
> 
> </body>
> </html>
> 

“あるシステム”とやらにも困ったものですね.

添削への指摘(Re[2]: センタリングしない
(#3586) このトピック中4番目の投稿

普段はこのようなことは指摘しないのですけど、今回は「添削」と
書かれているものなので指摘してみます。 「いやいや、それは
間違えているぞ」という点があったら指摘返し(?)してください。


>><html>
>><head>
>><title>
>> 確認画面</title>
>></head>
>><body>
>>
>><br> ←このタグは無意味
>><table > ←このタグは不要(tamcatさんのご指摘通り)
>><center> ←従ってこのタグも不要

大元の書き込みをされている とねさんの質問とは要するに
「テーブルで書いた内容がウィンドウ内でセンタリングされ
ない」というものです。 ここでその <conter> を外すと
センタリングされなくなるので外してはいけません。
(conter要素でやることがベストかどうかは別の話として)


>><table BORDER="5">
>><tbody> ←このタグは普通は省略する
>><tr>
>><th ALIGN=CENTER COLSPAN="2" BGCOLOR="#00FF00"><h3>現在の選択項目</th>
>   ↑「th」タグ自体が「align="center"」要素を内包しているのでムダ
>      ※tdタグなどに書く場合は引数を「""」で囲むこと

HTML で <xxx yyy="foo">zzz</xxx> とある場合、

 * <xxx yyy="foo">zzz</xxx> 全体で xxx 要素(element)
 * xxx は要素名(element-name)
 * <xxx>は xxx要素の開始タグ、</xxx>は xxx要素の終了タグ
 * yyyは xxx要素の属性(attribute)
 * foo は xxx要素の yyy属性の値(value)
 * zzz は xxx要素の内容(content)

と呼称されています。

「align="center"」のことを構成する一部分というような一般的な
意味で要素と呼ぶのは間違いではありませんが、HTML的に要素は
上記のような呼称として用いられていますので混同しない方が良い
かと思います。

あとこれは確認できなかったのですが、th要素の内容が垂直・水平
方向に対してセンタリングされるのは規格的に定義された動作では
なく、殆どのブラウザがそのように処理しているだけで厳密に考えた
場合は必ずしもそうなるとは限らないという事だったような気が
しますが...。(正確な情報求ム>誰となく)


Re: センタリングしない
(#3591) このトピック中5番目の投稿

> 上記のような呼称として用いられていますので混同しない方が良い
> かと思います。

+1;

それよりも、「<center>」させたいtableに対してcssで
margin: auto;
した方がいいんじゃないかと。



Re[1]: センタリングしない
(#3592) このトピック中6番目の投稿

皆さん色々ありがとうございます

ソースそのものは一部端折った部分もありますのでおかしい所もあると思います
メーカーのやっているあるシステムの吐き出すソースですので修正はなかなか
大変かな とは思いますが連絡してみます。
今回の件はなぜセンターに来ないの? と言うのが始まりだったので
文法上の問題とわかればそのように連絡します

色々とありがとうございました
済!
Re[4]: Re: センタリングしない
(#3596) このトピック中7番目の投稿

> それよりも、「<center>」させたいtableに対してcssで
> margin: auto;
> した方がいいんじゃないかと。

ブラウザを指定できるなどの前提条件を設けることが
できるのであれば、確かにそれが最もなのですけどね。
http://www.mozilla.gr.jp/standards/webtips0004.html



このトピックの全ページ / [0]

返信不可


- Child Tree -