HTML,CSS

思いついたら追加していきます。

[CSS、IE8]ネガティブマージンを設定すると、引っ張られたブロックが消える場合

親に position: relative;を設定する。

.container{
  position: relative;
}
.block1{
  height:500px;
  margin-bottom:-500px;
}
.block2{
}

<div class="container">
  <div class="block1"></div>
  <div class="block2"></div>
</div>

[CSS]floatブロックのセンタリング

#container{
  position: relative;
  overflow: hidden;
}
//このボックスが中央揃えになる。
#container ul{
    position: relative;
    float: left;
    left: 50%;
}
#container li{
    position: relative;
    left:-50%;
    float: left;}

注意：
liにwidthをパーセント指定すると、センタリングできません。
widthはpx指定します。

[CSS]最初、又は最後のborderを表示させない

first-child、last-childを使う。

li{
    border-right:1px solid #000;
}
li:last-child{
    border:none;
}
注意：IE6/7では使えません

[CSS IE9以下]背景が消える

widthを指定する

例）width:100%

不具合
青い背景が消えている。

 正常