IE6で、listメニューに隙間が生じた際の対処法

休日を利用して、ブログのデザインを少し変えてみました。普段から「絵心は、おかんのお腹の中に置いてきた」と豪語（？）するぐらいデザインは苦手なんですが、デザインカンプに丸一日、コーディングに半日費やして、やっとリニューアルできました。

ちなみにリニューアル前の画面キャプチャー。

コーディング完了後にIE6でチェックすると、右サイドメニューのリスト間に隙間が生じ、その対処に悩まされました。

この手の症状がでた場合、大半は<li>のコード部分の改行を無くせば治るのは分かっていたのですが、WordPressが自動生成している部分なので今回は触れない…。で、CSSに以下の記述を追記してみたら隙間が消えてくれました。

div#sidebar li {
	width: 170px;
	vertical-align: bottom;
}

widthの指定をしないと隙間が完全に消えてくれなかったケースに遭遇したのは、今回が初めてだったのでメモ。
それにしても、IE6にはよく泣かされます…｡゜（ﾟ´Д｀ﾟ)゜｡ｳｧｧｧﾝ

Social Bookmark :
Category : CSS | Permalink |