このサイトの管理人はデザインとか絵心とかいうものはまったくダメダメである。
そういうわけで、このｂｌｏｇのデザインはぜんぜん自分で考えたものではなくて* cuteblog *さんのところで公開されている共有テンプレートを使わさせていただいている。

使用感はかなりグッドで人にもオススメしていたのだが、ひとつだけ困った不具合があった。
等サイトで多用する<blockquote>をつかうと後続の文字がどんどん左にずれていってしまうのである。





Firefoxではそのような現象は観測されず、ＩＥだけで問題がでるため、ＩＥの不具合関連を中心に調査したところ以下のことが分かった

ＩＥは左右ボーダーとパディングを同時に使ってはいけないらしい

そうと分かれば話は早い、CSSを以下のように修正した

変更前：
	/*　-- ▼引用▼ --　*/
blockquote {
	font-size: 12px;
	padding: 5px; 
	margin: 5px;
	background-color:#f0f0f0;
	border-left: 3px solid #cdcdcd;
}


変更後：
	/*　-- ▼引用▼ --　*/
blockquote {
	font-size: 12px;
	margin: 5px;
	background-color:#f0f0f0;
	border-left: 3px solid #cdcdcd;
}
blockquote p{
	padding: 5px; 
}
blockquote pre{
	padding: 5px; 
}

僕が<blockquote>の中に、たいてい<p>か<pre>のどちらかを置くクセを利用したハックである。

いまのところ、これでうまく行っている。

追記： cuteblog様がもっといい解決策を見つけてくださった模様。 すばらしい！




ダメ！ 絶対！ ランキング！