タグ

2007年11月30日のブックマーク (4件)

  • jmblog.jp - Win/IEで絶対配置(position: absolute)のボックスが消えるバグの検証ページ

    http://jmblog.jp/archives/180より。 Bruno Fassino氏のIE/Win: Disappearing position:absolute boxes near to floats and clears のテストを元にしています。 日語 | English 概要 Win/IEでは、以下の場合に絶対配置(position: absolute)にしたボックスがレンダリングされないことがある。 position:absolute が float と hasLayout をもつ clear の直前に存在する場合。(Test1) 解決方法 : #1, #2, #3, #4, #5 position:absolute が float と hasLayout をもつ clear との間に存在する場合。(Test2) 解決方法 : #1, #2, #3

    hiro7373
    hiro7373 2007/11/30
  • ウノウラボ Unoh Labs: hasLayoutとは何か

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

    hiro7373
    hiro7373 2007/11/30
  • IEでのCSSのバグを回避するhasLayout | コリス

    IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

    hiro7373
    hiro7373 2007/11/30
  • IEで position:absolute した要素が消えるバグ - ぴのBlog

    ぴのBlog 一貫して一貫性が無いブログ。競馬予想メモ・時々料理‥。 http://pinotan.blog15.fc2.com/ htmlソース上では下方に置いてある検索窓などを、position:absoluteでページ上部に絶対配置する。よく使われる手法だと思うんですが、Win IE(Windows Internet Explorer)ではposition:absoluteを指定した要素が表示されない場合があるみたい(IE6/IE7 beta 2)。IEのバグ?(仕様なのかバグなのかは知りません)例えば下記のような順序で組まれた物。 カラム : float カラム : float 検索窓 : position:absolute フッター : clear:both html上では検索窓がfloatとclearに挟まれている。検索窓はfloatとは無関係に配置出来るはずだが

    hiro7373
    hiro7373 2007/11/30