*インライン要素しか子要素にできないLEFT:、CENTER:、RIGHT:が段落を子要素にできてしまう
*インライン要素しか子要素にできないLEFT:、CENTER:、RIGHT:が段落やリストを子要素にできてしまう

-ページ: BugTrack
-投稿者: [[reimy]]
-優先順位: 低
-優先順位: 重要
-状態: 提案
-カテゴリー: 本体バグ
-投稿日: 2003-03-03 (月) 02:00:57
-バージョン: 

**メッセージ
-LEFT:、CENTER:、RIGHT:はインライン要素だけ子要素にすることができるのに、下記のように書くと、段落を子要素にできてしまう。
-LEFT:、CENTER:、RIGHT:はインライン要素だけ子要素にすることができるのに、下記のように書くと、段落やリストを子要素にできてしまう。
 CENTER:~これは段落です。
-多くの場合、見ためは変わらないので気付きにくいですが、出力されたHTMLを見ると段落<p>が<div style="text-align:center">で囲まれていることがわかります。<p>にCSSでindentなどを設定してると違いがわかります。
 RIGHT:-これはリストです。
-一見、問題ないように見えますが、ブロック要素をtext-alignでセンタリングや右寄せにできてしまうのは一部のブラウザのバグ(独自仕様)であって、W3C的にはtext-alignではブロック要素は影響を受けない(ブロック要素内のインライン要素には影響を与える)。
-ブロック要素を子要素にする場合は、ref.inc.phpで行なっているように、LEFT:は<div style="margin-left:0px;margin-right:auto">、CENTER:は<div style="margin-left:auto;margin-right:auto">、RIGHT:は<div style="margin-right:0px;margin-left:auto">を出力しないといけない((しかも、W3Cに準拠していないInternet Explorer 5.5以前ではブロック要素の外でtext-alignを指定し、なおかつブロック要素内でそのブロック要素のtext-alignに戻してやる処理まで必要となる。従って、ブロック要素を子要素にすることをあきらめるか、Internet Explorer 5.5以前を切り捨てるか、いずれかの対応しか現実的でない。))。
----

#comment


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.046 sec.

OSDN