タグ

ieとhasLayoutに関するochanoco_naocoのブックマーク (2)

  • ウノウラボ Unoh Labs: hasLayoutとは何か

    yamaokaです。 CSSに携わっている方なら、Holly hackを使ったことがあるかもしれません。 /* Hides from IE5-Mac \*/ * html .foo { height: 1%; } /* */ Internet Explorer(以下IE)で、レイアウトに問題のある要素に 上記のようなスタイルを指定をすると、 あら不思議、まともな表示がなされるというものです (上記のままではIE7に対応していませんが…)。 さて、どうしてレイアウトが意図したとおりに行われるようになるのでしょうか。 IEのhasLayoutプロパティ IEでは、全ての要素が 「hasLayout」という読み取り専用のプロパティを持っています。 これはそれぞれの要素がレイアウト情報(=要素の幅・高さなどに関する属性情報)を 保持しているかどうかを示す値で、 デフォルトの状態では「hasLayo

  • hasLayout でおこるバグ

    border-leftとpadding-bottomを使用した際にも、hasLayoutのバグが発生するようです。 ウノウラボ Unoh Labs: IE6 + CSS 『border-leftとpadding-bottom』の謎 [ウノウラボ Unoh Labs] 未知のバグかな、と思ったのですが、hasLayout対策の「zoom:1;」を指定したら回避しました。 「hasLayout」や「zoom:1;」に関しては、下記を参照ください。 IEでのCSSのバグを回避するhasLayout | コリス

    hasLayout でおこるバグ
  • 1