過去ログ表示


過去ログ 25 を表示

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


某特別区のページ http://www.city.kita.tokyo.jp/koho/link.htm の中央付近に
「東京都・23区」項に他の特別区へのリンクがあります。
これらのリンクは table で書かれており <div style="text-align: center;"> で
囲まれています。
IE では、センタリングが効いて見栄えよく表示されますが、 mozilla では
センタリングされてません。

ページ先頭にあるように W3C の HTML4.01 と CSS をクリアしています。
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.city.kita.tokyo.jp%2Fkoho%2Flink.htm&charset=%28detect+automatically%29&doctype=Inline

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.city.kita.tokyo.jp%2Fkoho%2Flink.htm&warning=1&profile=css2

また、トップページには
> このホームページは、Internet Explorer5.5以上 または Netscape6以上のブラウザ(閲覧ソフト)を使用し
> 画面解像度を800×600以上で表示できるディスプレイでの閲覧を推奨いたします。
と書かれており、その手のことをかなり考慮して作り込んでいるようです。

これって、mozilla の不具合なんでしょうか?
# それとも、チェックのクリアと表示結果は別物? (^^;)



table のようなブロック要素に対して text-align プロパティは作用しません。
text-align という名前が示すとおり、これは文字列をはじめとする
インライン要素に対してのみ作用するものです。
よって、正しいのは Mozilla の表示です。

CSS によって、table のようなブロック要素をセンタリングしたい場合は、
table 要素に、
style="margin: auto;"
と指定しなければなりません。



<div style="text-align: center;"> は DIV要素内のイン
ライン要素の行そろえを行う指示で、tableなどのブロック
要素に対する位置揃えに使うものでありません。

詳しくはこちら。

 ブロックレベル要素をセンタリングする方法
 http://www.mozilla.gr.jp/standards/webtips0004.html

># それとも、チェックのクリアと表示結果は別物? (^^;)

文法的にエラーとなる点はなくても、その記述でページ作者が
意図した結果を得られるかどうかは別の話です。まさに
今回のようなケースがそれです。

ソースコードはエラーなくコンパイルできるけどプログラムの
実行結果が意図したものにならない、という事に似ています。



tamcat さん、k_e さん こんばんは

> <div style="text-align: center;"> は DIV要素内のイン
> ライン要素の行そろえを行う指示で、tableなどのブロック
> 要素に対する位置揃えに使うものでありません。
勉強不足ですみません。

> CSS によって、table のようなブロック要素をセンタリングしたい場合は、
> table 要素に、
> style="margin: auto;"
> と指定しなければなりません。
手元で試して確認しました。
この場合 <div> はいらないようですね。

web標準化 な bugzilla-jp 行きとします。
ありがとうございました。

済!

>><div style="text-align: center;"> は DIV要素内のイン
>>ライン要素の行そろえを行う指示で、tableなどのブロック
>>要素に対する位置揃えに使うものでありません。
> 勉強不足ですみません。

別に謝るようなことじゃないので気にしないでくださいね。(^^;
済!

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

返信不可


- Child Tree -