center
Kusakabe Youichi
<center>
<table>
...
</table>
</center>
となっていたものをxhtml1.1+css2に直すとき、
<div class="table>
<table>
...
</table>
</div>
にした後、
div.table {text-align: center}
としただけでは、InternetExplorerはOKでもOperaがだめ、
table {margin-left: auto; margin-right: auto}
としただけでは逆に、OperaではOKでもInternetExplorerがだめ...
...っていう状況なのですが、
「その両方を書いておけばなんとかなる」っていうことで
そうしています。
でも、
<body>
<center>
....
</center>
</body>
ってののときはどうすればいいのでしょうか?
InternetExploreはbodyのtext-alignだけでうまくいくのですが、
Operaでセンタリングするにはどうすればいいのでしょうか?
--
ヘ_ヘ ____________________________
ミ・・ ミ vo...@merope.pleiades.or.jp
( ° )～ 日下部陽一
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
Masaya Ootuki
フォローアップ先は
fj.net.www.authoring, japan.www.css, japan.www.design
にしておきました。
"Kusakabe Youichi" <vo...@merope.pleiades.or.jp> wrote in message
news:120820031144084482%vo...@merope.pleiades.or.jp...
> でも、
> <body>
> <center>
> ....
> </center>
> </body>
> ってののときはどうすればいいのでしょうか?
> InternetExploreはbodyのtext-alignだけでうまくいくのですが、
> Operaでセンタリングするにはどうすればいいのでしょうか?
ブラウザで表示できるかどうかは、ブラウザを作る人間がどれだけXHTMLやcssの
仕様を理解しているか、あるいは実装の進捗状況によって左右されるので・・・
表示の差異については、あくまでもAS ISです。
私的には、ブラウザにおける仕様の違いを吸収するための薀蓄をならべることは無
理があるように思えますので・・・私は申し上げません。（さらに、めいめい勝手に
拡
張された仕様は、他のブラウザではどうしようもないですしね）
<center>タグをほかのタグに置き換えて http://validator.w3.org に通るように
したいならば<div>にスタイルシート
<body>
<div class="naka">
<p>ほげほげ</p>
<p>ほにゃらら</p>
</div>
</body>
とかして、 Division にスタイルシートを摘要してあげるとか。
class属性を指定しておけばスタイル変更に多少柔軟性かあります。
スタイルシートに
.naka{ /* テキストの中寄せ */
text-align: center;
}
.hidari{ /* テキストの左寄せ */
text-align: left;
}
. migi{ /* テキストの右寄せ */
text-align: right;
}
とかかいておけば、class属性を、"naka"、"hidari"、"migi"と書き換えるだけで、
中寄せ、左寄せ、右寄せとスタイルを変えることができるとおもいますが。
このスタイルシートの例は<div>にかぎったわけではなくって<p>とか<h1>の
テキストが書けるブロック要素に摘要できます。
<p class="naka">中寄せを指定する予定のパラグラフ</p>
<h1 class="migi">右寄せを指定する予定の見出し</h1>
text-alignが影響するのは、text-ってつぐらいだから、たぶんテキストを書く
ことのできるブロック要素だけです。
http://validator.w3.org は、日本語が出てこないとか、エラーの指摘には
英語で書かれた仕様書へのリンクぐらいしかないので、敷居が高いようにおも
えるかたは http://openlab.jp/k16/htmllint/htmllint.html で、（htmllintは
ちょっと宗教的な
細かいチェックも多少ありますが、まぁそれはそれとして）ある程度、検証をしてか
ら
http://validator.w3.org をやってみるといいとおもいます。
--
Masaya Ootsuki. (大槻昌弥)
WWW; http://www.asahi-net.or.jp/~JC5M-OOTK/