CSS めっちゃ不器用やねん
CSSに関すること書きます。
スポンサーサイト
[2008]ブラウザのシェアって
2008年ブラウザシェア推移 - IE 8%減、Fx 4.5%増、Safari 2.3%増
http://journal.mycom.co.jp/news/2009/01/06/044/index.html
http://journal.mycom.co.jp/news/2009/01/06/044/index.html
ボックス間の上下が指定通りならんって
マージンが相殺されるからやで~
相殺ってな~
上のboxから下マージン5pxで
下のboxから上マージン10pxとしてみ~
でっかいほうの10pxだけになるねん。
対策
floatが「none」以外のボックス
positionが「absolute」、「fixed」のボックスにしたら、ええねん
相殺ってな~
上の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;
}
#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
気をつけておこや~
: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
気をつけておこや~
