CSSコミュのIE6 list-style-type CSS値についての質問

初めまして、dark1967starと申します。
IE6で、list-style-type CSS値のkatakanaが表示されない問題についてその対応方法に関してのお尋ねです。

下記URLをIE6及びOperaで御確認ください。

http://kingharvest.info/problem/CSS_list-style-type_ie6_problem.html

list-style-type CSS値のkatakanaが反映されていないと思います。

Firefox2.0.0.4,Safari3.0.2(win版）
Firefox2.0.0.4,Safari3.0.2(mac版）
では、問題ないこと確認しております。

コードは、以下の通りです。
html
<p>教えていただきたいのは、下記に関してです。</p>
<ul id="private_policy_00">
<li>下記ア.～ウ.の事業の取引に関する契約の履行、情報、サービスの提供。
<ol>
<li>本日は、晴天なり</li>
<li>本日は、晴天なり</li>
<li>本日は、晴天なり
</ol>
</li>
<li>本日は、晴天なり</li>
<li>本日は、晴天なり</li>
</ul>

css
ul#private_policy_00{
margin-top:0;
list-style-type:decimal;
}
#private_policy_00 li{
margin-left:20px;
background:none;
padding:0 10px;
line-height:1.8em;
}
#private_policy_00 ol{
margin-left:10px;
background:none;
padding:0 10px;
line-height:1.8em;
list-style:katakana;
}

この対策として、list-style-type CSS値をnoneとして、以下のような、コードでその場しのぎをしています。
その場しのぎのURL

http://kingharvest.info/problem_step/CSS_list-style-type_ie6_problem_step.html

html
<p>とりあえずの対策です。</p>
<ul id="private_policy_00">
<li>下記ア.～ウ.の事業の取引に関する契約の履行、情報、サービスの提供。
<ol>
<li>ア. 本日は、晴天なり</li>
<li>イ. 本日は、晴天なり</li>
<li>ウ. 本日は、晴天なり
</ol>
</li>
<li>本日は、晴天なり</li>
<li>本日は、晴天なり</li>
</ul>

css
ul#private_policy_00{
margin-top:0;
list-style-type:decimal;
}
#private_policy_00 li{
margin-left:20px;
background:none;
padding:0 10px;
line-height:1.8em;
}
#private_policy_00 ol{
margin-left:10px;
background:none;
padding:0 10px;
line-height:1.8em;
list-style:none;
}

その場しのぎで当面はやむを得ないでしょうか？
解決方法あるようでしたら、御教授ください。

コメント(4)

最初
全て
最新の40件

[2] mixiユーザー 07月09日 19:46

早速のレスありがとうございます。
その場しのぎで当面行くこととします。

[3] mixiユーザー 07月09日 20:56

JSでもよろしければ
http://www.yomotsu.net/katakana-list.html
とかどうでしょう。

ただ、『下記ア.～ウ.の事業の取引に～』とあるので、list-style-typeのkatakanaが使えるにしても[とりあえずの対策です。]のようにソース内にもア～ウがあったほうがいいような気がします。

[4] mixiユーザー 07月09日 21:33

そうか、JSという手がありましたね。
参考にさせていただきます。
ありがとうございました。

ログインすると、みんなのコメントがもっと見れるよ