リストタグを使ったレイアウトで困っています。
リストタグを使ったレイアウトで困っています。
olタグを使い、入れ子にしたdtタグに書かれた文字列に番号を降っています。
それを下記のようなレイアウトにしたいんです。
１．左側の内容 ２．右側の内容
３．左側の内容 ４．右側の内容
５．左側の内容 ６．右側の内容
単純に１、３、５を１つずつdivでまとめ、CSSでfloat: leftを指定して
２、４、６のdivと交互に書いてます。
すると、Firefoxではリストの番号がちゃんと１、２、３…と表示されたのですが
IEでは全て１になってしまい番号が降れていませんでした。
CSS自体はfloatの指定しかしていません。
上記のようなレイアウトをしたい場合、このような考え方ではダメなんでしょうか？
htmlのソースは下記のような感じで書いてます。
<ol>
<div id="left">
<li>
<dl>
<dt>左側</dt>
<dd>左側の内容</dd>
</dl>
</li>
</div>
<div id="right">
<li>
<dl>
<dt>右側</dt>
<dd>右側の内容</dd>
</dl>
</li>
</div>
</ol>
どなたか分かる方いらっしゃいましたらアドバイスをお願い致します…！
