CSSまとめ１２

まとめ CSS


IE6で、マージンが２倍になってしまうバグ

  • 下記のコードで、IE6はマージンが20pxになる。

#sidebar{
　float: left;
　width: 200px;
　margin-left: 10px;
}
#content{
　float: right;
　width: 500px;
　margin-right: 10px;
}


  • マージンが２倍になってしまうバグは、「display:inline;」で解決する。

#sidebar{
　float: left;
　width: 200px;
　margin-left: 10px;
　display: inline;
}
#content{
　float: right;
　width: 500px;
　margin-right: 10px;
　display: inline;
}

段組レイアウトの注意点

width を指定したボックスには border も padding も指定しない

フロートのコンテナブロックには幅を指定する