スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

Browsershotsって

Browsershotsって

他のブラウザからどう見えんのか解決してくれるやも

[2008]ブラウザのシェアって

2008年ブラウザシェア推移 - IE 8%減、Fx 4.5%増、Safari 2.3%増

http://journal.mycom.co.jp/news/2009/01/06/044/index.html


ボックス間の上下が指定通りならんって

マージンが相殺されるからやで~


相殺ってな~
上のboxから下マージン5pxで
下のboxから上マージン10pxとしてみ~


でっかいほうの10pxだけになるねん。

対策

floatが「none」以外のボックス
positionが「absolute」、「fixed」のボックスにしたら、ええねん




[IE6]フロートしたはずの要素が横並びにならないって

「フロートした要素にマージンを指定すると、フロート方向のマージンが倍近くに増加する」というバグらしいで~

#boxがバグになってるとしといて~

解決策が2つあるで~




「display:inline」を追加するで~

#box{
float:left;
magin-left:20px;
display:inline /*IE6でマージン広がりを回避*/
}

子要素にマージンを指定するで~

#box{
float:left;
}
#box p{
magin-left:20px;
}

ブラウザによってセレクタのサポート状況が異なるって

IE7がサポートしていないセレクタ

:focus
:lang()
:before
:aftre

IE6がサポートしていないセレクタ

:focus
:lang()
:before
:aftre
E > F
E + F
E[attr]
E[attr = "value"]
E[attr~= "value"]
E[attr]
first-child

気をつけておこや~