html - IE6で機能しないタグスタイル

Question

2つのリンクを並べて表示するページがあります。これは、IE6を除くすべてのブラウザーで機能します。 これがフィドルへのリンクです。なぜこれが起こるのか、そしてそれを修正する方法を誰かが知っていますか？

IE6での結果：

Answer 1

IE6はをサポートしていないためdisplay: inline-block。

Answer 2

これは、IE7以下がdisplay:inline-blockデフォルトのblock要素をサポートしていないためです。

要素がdisplay:inline-block必要な場合は、次のことができます。

• デフォルトのinline要素（たとえば<span>）を使用して設定display:inline-blockします
• デフォルトのblock要素（たとえば<div>）を使用して設定display:inlineします

あなたは<div>要素を持っているので、あなたは必要です：

<!--[if lte IE 7]>
<style type="text/css">
.dialog-button, .horizontal-dialog-divider {
    display: inline;
}
</style>
<![endif]-->

ここでそれを参照してください：http：//jsfiddle.net/uQUTc/1/

IE7では機能しますが、IE6では機能しない可能性があります（私はそれを持っていないので、テストできません）。

しかし、真剣に、なぜIE6用にプログラミングしているのですか？それは非常に古く、準拠したブラウザではありません。

編集：

要素を整列させたい場合は、次を使用できます

.dialog-button,.horizontal-dialog-divider,.dialog-text{vertical-align:middle}

こちらをご覧ください：http：//jsfiddle.net/uQUTc/3/

Answer 3

float：leftを使用してlist要素を使用する方がよいと思います

<ul>
<li>Ok</li>
<li>Cancel</li>
</ul>

ul li {list-style:none; float:left; padding:10px}