Explorer カスタマイズ vol.10

Windows Internet Explorer 6 で起きるバグの修正

についての改善方法です。このバグでWin IEではほとんど閲覧出来ない症状がここで起きてました。解決方法も分からず必死にStylesheetをイジってた訳ですが、原因はCSSの他にデフォルトテンプレートのIndividual Entry ArchiveとComment Listing Templateにもあったようです。

追記：
Win IEのCSSバグはこれだけあるみたいなのでハッキリ言って対応しききれません。うちに関係ありそうな物も結構ありそうですが、当方では確認出来ませんので問題が発生した報告を受けてから随時改善して行きたいと思います。何か気付いた事がありましたら、ご報告のご協力をお願い致します。

TRIGGERS
個別の記事URLまたはコメントURLをブラウザで開くと、文字が真っ白になってしまう問題について

と、

CSSバグリスト＠CSSバグ辞典スレッド
背景色が指定された要素内にフロートがあるときに要素内の文字が消える (IE6)

参考にしました。

Individual Entry ArchiveとComment Listing Templateにある、

<!--

<div style="width:180px; padding-right:15px; margin-right:15px; float:left; text-align:left; 

border-right:1px dotted #bbb;">

-->

	<label for="author">名前:</label><br />

	<input tabindex="1" id="author" name="author" /><br /><br />


	<label for="email">メールアドレス</label><br />

	<input tabindex="2" id="email" name="email" /><br /><br />

	<label for="url">URL:</label><br />

	<input tabindex="3" id="url" name="url" /><br /><br />

<!--

</div>

-->

この部分。
これは、コメントの所で名前、アドレスを登録しますか?を右に分けている部分でこれが悪さをしてるみたいですので、そのdiv部分を無効にします。緑のところになります。コメントアウトで無効にしてありますが、消してもイイです。

あとCSSのフロート関連もIEだと不具合が起きるようなので、改善策のようにStylesheetのblog部分（エントリー部分を形成してる部分）全てにwidth:auto;を付け加えて幅を指定して置きました。
効果がどの程度あるかは分かりません...orz