3

さまざまなブラウザーで動作する順序なしリストを作成しようとしています。1行で水平に表示しようとしている2レベルのリストがあります。サファリとファイアフォックスでは、すべてがうまく見えます。IE（7）では、何らかの理由ですべてがうまくいきません。リストを右から左にしようとしているときだけです。左から右に表示しようとすると、すべてのブラウザが動作します。

私が行っていたことの簡単な例はここにあります: http://www.g6pdrecords.com/svk/test.html CSS は .

アイデアはありますか？ありがとう

4

1 に答える 1

2

このようなものは、IE6 でも動作するはずです。

絶対配置は#menuなくてもできるので削除しましたが、本当に必要な場合は元に戻すことができます。

div#contain{
 margin:0 auto;
 border: 1px dashed #000000;
 width: 1000px;
 height: 600px;
}
div#menu{
 overflow:hidden;
 margin-top:50px;
 border: 1px dashed #FF00FF;
 text-align:right;
}
ul{
 list-style-type: none;
 display: inline;
 margin: 0px;
 padding: 0px;
}
ul li{
 margin: 0px;
 padding: 0px;
 float:right;
}

実際、HTML も少し変更する必要がulありますli。

<ul>
 <li>item1</li>
 <li>item2</li>
 <li>
  <ul>
   <li>sub item3</li>
   <li>sub item4</li>
  </ul>
 </li>
</ul>
于 2010-05-09T12:56:58.480 に答える