Firefoxでolリストが作れません。

[新着] Webテンプレートを仮オープンしました



0   名前: あや : 2006/05/31(水) 09:30  ID:TRVH9wjM
 年表を作ろうと思って下記のように作りました。
 しかしIE6.0では年表に見えるのに、Firefoxではolではない、●が行頭に並ぶリストになっています。"start""value"を削ってみても「1」から始まることもなく●表示のままです。どうしたらいいのかアドバイスをお願い致します。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>年表</title>
<link rel="stylesheet" href="/css/nennpyoh.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="nennpyo">
※この年表は〜。<br />
<ol start="1966">
<li>ああああああああ。</li>
<li>いいいいいいいい。</li>
<li value="1974" >うううううううう。</li>
<li>えええええええええ。</li>
<li>おおおおおおおお。</li>
</ol>
</div>
</div>
</body>
</html>

CSS。
@chaset "Shift_JIS"
/* style reset
----------------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
a { text-decoration: none; }
a img { border-width: 0px; }

/*全体構造
-----------------------------------------------------------------------------*/
body {
text-arign: center;
background-image: url("");
background-repeat: no-repeat;
background-attachment: fixed;
color: #333322;
background-color: #ffffff;
}

#nennpyo {
width: 660px;
margin-top: auto;
margin-right: auto;
margin-left: auto;
padding: 10px 40px;
border: solid 2px #7070c2;
text-align: left;
font-size: 13px;
line-height: 150%;
}
li { list-style: outside ; }

以上です。よろしくお願い致します。

1   名前:  : 2006/05/31(水) 09:30  ID:6PWYN/0j

li { list-style: outside ; }

と書くとスタイルタイプの部分にlist-style-typeプロパティの初期値であるdiscが適用されてしまうような感じなのでしょうか?
li { list-style-position:outside;}


li {list-sytle:decimal outside;}

とすると意図した通りの表示になるようです。

2   名前: あや : 2006/05/31(水) 09:30  ID:TRVH9wjM
 匿さま。

li { list-style: outside ; }をli { list-style-position:outside;}
としたところ、思った通りの表示になりました。
 文法チェックでも引っかからなかったので困っていたのですが、これで書き上げることが出来ます。
 ありがとうございました。

一覧へ戻る