rangeruhansuto

いつもこれでひっかかってしまうのでメモ

いつも起こるときには<li>要素の中にaのタグがあるとき、そのaタグをブロック要素にしてfloatをかけていた。
ソースは以下。

li a {
display:block;
float:left;
width:100px;
}

上記のようにすると、IE6はfloatはされるが、なぜか階段状に回りこんでしまう。
以下、回避策。

li a {
display:block;
width:100px;
}
li {
display:block;
float:left;
}

<li>にfloatをいれると階段状にならず、うまく回りこんでくれる。

参考

http://aroun-d.com/2010/02/12/1406/

こちらもあわせてどうぞ

• clearfix
• <hr>に色を指定する
• Firefoxで印刷をするとページが途中できれる
• プラグイン　All in One SEO Pack
• idは場所！classは機能！！