タグ

positionに関するmimimi0101のブックマーク (2)

  • IEで絶対配置(position:absolute)のボックスが消えるバグの検証

    先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う~ん、なぜだ・・・ 日語のリソースを調べてみても解決策

  • CSSのpositionのまとめ

    CSSのpositionのプロパティに、fixedというのがある。 これは指定の部分を固定配置にして、画面がスクロールしても、 画面の同じ位置に表示させておくものである。 ところがこのプロパティ、IE6だとうまく固定されない。 CSSの設定の仕方で実現できるようなので、メモエントリー。 positionプロパティ まずはpositionプロパティを見てみよう。 positionのプロパティ、よく使うのはabsoluteやrelativeで、 他にもstaticとfixedというのがある。 今回の説明は解説サイトを参照します。 ■static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。 position-スタイルシートリファレンス ■relative 相対位置への配置となります。positionプロパティでst

    CSSのpositionのまとめ
  • 1