html - IE7 の横方向の li は縦方向として表示されます

Question

ネット上にある他の投稿と一緒に SO から多くの微調整と修正を試みましたが、IE7 でこのリストを水平に表示することはまだできません。

バリデーターで html と css をチェックしましたが、有効で、エラーはありません。

ここの ul/li に関連しない事実上すべてを取り除きましたhttp://dogmatic69.com/tmp/test.html

どんな助けでも大歓迎です、ありがとう。

score 1 · Accepted Answer

リスト項目を明示的にフロートする必要がない限り、フロートしないでください。使用するdisplay: inline;

score 0 · Accepted Answer

IE 6および7はdisplay：inline-blockが好きではありません。何らかの理由で。

以下のコードを使用してみてください。最近のブラウザではおそらく壊れてしまうので、IE6/7のみのCSSファイルに入れてください。

<!--[if IE 7]>
    <style> li { display: inline-block; display:block; } </style>
<![endif]-->

2 に答える 2