タグ

ブックマーク / www.mozilla.gr.jp (4)

  • ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

    ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

    mainyaa
    mainyaa 2013/12/10
    @grapswiz っmargin auto
  • Web標準化Tips - Web標準普及プロジェクト

    特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。

  • ブラウザ判別とオブジェクト検出 - Web標準普及プロジェクト

    ブラウザ判別とオブジェクト検出 JavaScriptを使ったダイナミックHTMLを実現する場合、現状ではブラウザ毎に別々にコードを記述する必要があります。 そこで多くのサイトではブラウザ判別のコードが書かれています。 function toggleLayer(id){ if (navigator.appName == "Microsoft Internet Explorer") { if (document.all(id).style.visibility == "hidden") { document.all(id).style.visibility = "visible"; } else { document.all(id).style.visibility = "hidden"; } } else if (navigator.appName == "Netscape") { if (

  • ブラウザ判別では"Gecko/"を調べてください - Web標準普及プロジェクト

    ブラウザ判別では"Gecko"を調べてください JavaScriptの互換性検査においてはブラウザ判別とオブジェクト検出にあるように、 オブジェクトの有無によって判定するのが一番確実です。 しかし、CSSの互換性等をJavaScriptで無理矢理切り分ける場合等にはこの手法は使えないので、 その場合はブラウザの種類とバージョンを検査しなくてはいけません。 Mozilla/Netscapeは区別せず、Geckoブラウザ MozillaやNetscape6/7は共に同じGeckoというレンダリングエンジンを使っていて、 Webページの表示性能は(バージョンの差によるものを除けば)全く同じです(バグも)。 そしてこのことはGeckoエンジンを使用する他のブラウザにも当てはまります。 例えばMozilla Firebird(旧Phoenix)やCamino(旧Chimera)等です。 このようなG

  • 1