Semantic Web – WordPress

Archive for the ‘Tag’ Category

Windows Internet Explorer 6.0-textAlign property-bug-CSS Margin Property

leave a comment »

 http://en.wikipedia.org/wiki/Internet_Explorer
Browser Market Share in April 2007
 Internet Explorer, All Versions 78.03%
 Internet Explorer 4    0.05%
 Internet Explorer 5, 5.5  0.52%
 Internet Explorer 6    46.82%
 Internet Explorer 7    30.56%
 Other Browsers       21.97%

2007年4月以降のデータをみると、Internet Explorer 6のシェアは40%台まで降下しています。

Windows版 Internet Explorer 6 : text-alignプロパティがテーブルやdivなどのブロックレベルの要素全体に有効となってしまうバグ bug
バグ「HTML作成時、text-align: center とすると、中身のブロックレベル要素まで中央寄せとなる」
がとても目立つようになりました。IE 6.0全盛のとき、このバグを意図的に利用したり、バグでないと誤解した方も多いと思います。

バグ回避のために、!DOCTYPE スイッチを下記のように【標準準拠モード有効とする方法があります。有効に変更した後、ホームページのレイアウト全体を必ず確認することが大切です。

Internet Explorer 7, Firefox 2.0 1.5 1.0, Safariなどで閲覧すると、Internet Explorer 6とはブロック要素の位置が異なる(たとえば、中央寄せ・揃えとなっていない)原因は、

<center> </center>
<div align="center"> </div>
と同じように
<table style="text-align:center;">
と指定したためです。
text-alignプロパティは本来、テキストや画像などのインライン要素だけの水平方向を揃えるプロパティです。
よって、バグ bugのないバージョンのIEやブラウザ Firefoxでは、text-alignプロパティはブロック要素に影響(反映)しません。
ブロック要素全体の左右の余白を揃えるためには、marginプロパティを利用します。
たとえば、table(テーブル)の中のブロック要素を中央に揃えるとき、
<table style="margin-left: auto; margin-right: auto;">
となります。
参照ページ:
【HTMLタグの簡単検索】TAG index – Web制作情報
  http://www.tagindex.com/
 W3G – World Wide Web Guide
  http://w3g.jp/css/box/margin

※ !DOCTYPE スイッチと【標準準拠モード】
無 効
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

[[確認中]] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt;

有 効
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">

広告

Written by support

2007/05/23 at 08:42

カテゴリー: Tag

Technorati-Tag Search

leave a comment »

テクノラティのタグ検索:
タグ Tag とは、ブログの「記事につけるジャンルやカテゴリー (a subject or category)」のことであり、特定のブログ・サービスでは、
(例) タグ名「野球」:
<a href=”http://example.com/baseball.html” rel=”tag”>野球</a>
を記事に挿入し、テクノラティの pingサーバに送信します。
検索に際して、下記の「タグ検索ページ」を利用します。
  Technorati™ Japan(日本):
  » http://technorati.jp/tags.html
  Technorati™ (本家):
  » http://www.technorati.com/tags/
参照ページ「テクノラティ: タグをつけよう!特集」
  » http://syndication.jp/contents/tags/
更新 ping の送信先は
  » http://rpc.technorati.jp/rpc/ping
  » http://rpc.technorati.com/rpc/ping
どちらであっても、日本、本家のタグ検索ページに反映します。
上記タグを使用できない環境であれば (たとえば、レンタルサーバ上で Movable Type をインストールしブログ発信している)、記事の「カテゴリー」がタグ検索ページに自動登録されます。

Written by support

2005/12/21 at 14:46

カテゴリー: Tag