cssに関するcritbitのブックマーク (2)

  • 複数のclassをセレクタに指定した際のIEのバグ | Blog hamashun.com

    関連リンク 複数のclassをセレクタに指定する方法 複数のclassをセレクタに指定する際のメモ書き 複数のclassをセレクタに指定した際のIEのバグ 複数のclassをセレクタに指定する方法でぴんどめさんからコメント頂いた件ですが、その後ぴんどめさんからサンプルファイルを送って頂けて、どうやら判明しました! ぴんどめさん、わざわざありがとうございました! HTML <div class="sample code test">~</div> CSS div.hoge.test { color: red; } こんなソースがあった時に、来ならば文字色は変わらないはずです。 現にFirefoxやOperaではそのように表示されます。 しかし、なんとびっくりIE様は文字色を赤にしてしまうのです! なんてこった! どうやらIE様は、複数のclassを使うセレクタは、最後の一つのclassしか

    critbit
    critbit 2009/04/26
    複数classセレクタは使わない方が良さそう。
  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

    critbit
    critbit 2009/04/26
    フォントサイズ、ボックスモデル、視覚整形モデルのバグ回避。
  • 1