タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

IE6バグとcssに関するhukumarukunのブックマーク (2)

  • 今さらだけど、IE6対策中心のCSSメモ - WSMH

    もう古いけど、前は役になったのでメモとして残しておきます。 IEでよくおこるCSSの問題は、おもにhasLayoutが影響している。 hasLayoutについては。ウノウラボさんのhasLayoutとは何かの説明がわかりやすいので参考に。 すべてをtrueにしてしまうと問題もおこる。 IEは、ul や ol のリストマークは、hasLayoutがtrueだと消えてしまう。 IE6 や IE7 で垂直方向の margin が相殺されない。 hasLayoutをtrueにして、くずれを防ぐ hasLayoutが原因で、IE7が拡大・縮小したときにレイアウトが重なってしまったり、フロートした要素がはみ出てしまったりする場合がある。 対処方としては、下記のいずれかを追加すればいい。 display:inline-block; height:1%;のようにheightに数値をいれる。 float p

  • IE6でflashの下にある要素が上に出てしまう – runnningnerd

    flashのembedとかselectにはz-indexが作用しなくて、flashが上に出てきてしまうという話はよく目にするのですが、今回はその逆でembedしたflashが上にでないで困ったという話 <div id="bigdiv"> <div id="leftdiv">画像</div> <div id="rightdiv">画像</div> <div id="flashdiv">flash</div> </div> おおざっぱに書くとこんな感じで、bigdivは画像二つを横に並べた大きさで、 position=relative が設定してあり leftdivとrightdivはそのままなりゆきでfloat、その後にflashをposition=absoluteでbigdivを基準に(bigdivと同じサイズで)top leftを0 0で描画する。flashにはtransparentで透

  • 1