WEB MEMO:RE

特にマージンもなにも設定していないのに、Firefoxでページの一番下に隙間ができる原因としての一つは、
Clearfix
を使用しているためである。

clearfixで使用しているcontentプロパティのせいで高さが確保されてしまう。
なので、clearfixを使用しないか、ネガティブマージンを突っ込むか、フォントサイズをメチャクチャ小さくするか…などするしかないです。

written by sixbird

今まで使ってたsafari3のハックがsafari4では通用しなかった。
下記、safari4でも効くCSSハックです。

body:first-of-type

example :

body:first-of-type body {
back-ground: #333333;
margin: 10px
}

注意：Firefox3.5でも効いてしまいます。
つまりsafari4「だけ」ではなくsafari4「でも」効くハックです。

written by sixbird

IE6のバグでliにできる隙間の解決方法。

たいがいはliに、
line-height: 0;
で隙間がなくなるが、liの中に画像を挿入してる場合はこれじゃ無理。

imgに、
vertical-align:top;
を指定すると解決。

IE7が出て、IE8もβ版が出たというのに、まだまだIE6のシェアが圧倒的。
IEを使ってる皆さん、IEを使わずにFirefoxかSafari、もしくはOperaなどのまともなブラウザのご利用を是非ご検討くださーい。

written by sixbird \\ tags: IE6, バグ, 隙間