IE7 リストタグで位置がずれる
なんおこっちゃない。
リストタグでちょっぴり躓きかけたので覚え書
修正前のliにかかるCSS
li {
list-style-type: none;
}
IE6,IE7だと、ul,li要素の先頭にスペースが入ってしまう。
これを解決する時に使用するのは、下記一文。
li {
list-style-position:outside;
}
しかし、これでも直らないじゃないか！
そんなときはコレ
li {
list-style-type: none;
list-style-position:outside;
/* for IE */
*display:inline;
*zoom:1;
}
これでもダメだって言う人は
li {
list-style-type: none;
list-style-position:outside;
/* for Modern Browser */
display:table-cell;
/* for IE */
*display:inline;
*zoom:1;
}
因みにこんな方法でもいけるよ
display:inline;をやめて、float:left;で横並びにする
li {
float: left;
}
さぁさぁささっと次へ進もうよ。