CSSデザインノートでタグ「IE」が付けられているもの

IE6で、tableタグでテーブルを作成していたら、border要素が一部反映されないことがありました。IE6は本当にバグが多くて困ります。

解決方法としては、

CSSコード

table td {
   position:relative;
}

のように、borderが表示されない要素に「position:relative;」を指定すると、表示されることがあります。

例えば、画像をポラロイド風に見せたいときなど、画像にpaddingを指定しても有効にならない場合があります。

CSSコード

img {
   padding:2px;
   border:1px solid #999;
}

これは(X)HTMLファイルが互換モードになっているためです。DOCTYPE宣言で標準モードにすればpaddingが有効になります。

最近のブログ記事