タグ

CSSとAcid Testに関するpicnicgraphicのブックマーク (1)

  • IE6のCSSバグを視覚的にチェック

    てんぽ: IE6のCSSバグを視覚的にチェック CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど IE用Acidテストとも言えるCSSバグのチェックページを作ってみました。 IE6で表示するとすべてのチェック項目で「NG」と表示されますが、正しい表示を行うブラウザなら「OK」と表示されるはずです。 IEtest (beta) 具体的にはどうやっているかというと、たとえば「position: absoluteが指定されたボックスの幅をパーセントで指定したとき、 幅の参照先を、そのボックスの包含ブロックではなく、間近の親要素にしてしまうバグ」をチェックするコードは以下のようになっています。 <div class="container"> <div class="div1"> <div class="div2"></div> </div> </div> .container {

    picnicgraphic
    picnicgraphic 2008/02/05
    「IE用Acidテストとも言えるCSSバグのチェックページ/IE6特有のバグを利用して、正しいブラウザとは異なる表示結果を意図的に作り出しています」
  • 1