« 沖仲士 | Home | ウチのサーバはネスケが嫌い? »

Oct 022003

はまった・・・

MTのCSSを少し気分転換に触っていたのだけど、なんか良く分からない現象がwin/ie6.02で発生

<div class="sidetitle">カテゴリィ</div>
<div class="side">
<a href="hogehoge">プロレス</a> (1)<br />
</div>

<div class="sidetitle">
最近のコメント
</div>
<div class="side">
<ul>
<li><a href="hogehoge">カテゴリリスト</a><br />
└ yuu <a href="hogehoge">2003.09.17</a><br />
└ +39 <a href="hogehoge">2003.09.17</a><br />
</li>
</ul>
</div>

<div class="sidetitle">
アーカイヴ
</div>
<div class="side">
<a href="hogehoge">2003&#24180;09&#26376;</a><br />
</div>

としてそれぞれのスタイルを

ul{
	margin:0px;
	list-style-type:none;
}
.side {
	color:#333;
	font-size:75%;
	font-weight:normal;
	background:#fffefe;
	line-height:140%;
	padding:10px;
	border-style:none none none solid;
	border-width:7px;
	border-color:#999;
}
.sidetitle {
	color:#666600;
	font-size:small;
	font-weight:normal;
	padding:10px;
	padding-bottom:0px;
	margin-top:10px;
	letter-spacing: .3em;
	background:#fffefe;
	text-transform:uppercase;
	border-style: none none none solid;
	border-width:7px;
	border-color:#333;
}
とかにすると「最近のコメント」以下のサイドメニューのマージンが食い込んでしまう。問題は恐らく"ul","li"のあたりにあるのだろうけど、いまいち理由が良く分からない・・。操作続行中・・・ っちゅうかちょこちょこやるから不具合が多発中・・w

キャプチャアプしました。


1003.gif

サンプルはこちらです

4 Comments

というかね、「サイドメニューのマージンが食い込んでしまう」の意味がわかんない。スクリーンショットとかつけて、どうしたいのかを書いてくれないと、コメントしようがありません。

ごめんちゃい。
コメント追加でキャプチャとサンプルアップしました。
こっちにもサンプルはっておきまふ。

http://39.img8.com/test/test.html

ああ、このパターンか。

.side {
padding:10px;
}
を、以下のいずれか(つまり下パディングを0にする)にすれば直ると思うよ。
.side {
padding-left:10px; /* 左パディングだけ指定 */
}
.side {
padding:0px 10px; /* 上下パディングは0pxで */
}
.side {
padding:10px 10px 0px; /* 下パディングだけを0pxで */
}
.side {
padding:10px 10px 0px 10px; /* 3つめの書き方を几帳面にしたもの */
}


たしか下パディングとボーダーの組み合わせ次第で発生するバグだったかと。

ほんと毎度毎度すいません。
しかし本当に広範囲に知識が深くて尊敬します。
俺も勉強しなくては・・・

Leave a comment

Search and Archives