html - IE7 でカウンターを中央に配置するにはどうすればよいですか?

Question

以下のリンクをご覧ください。他のすべてのブラウザーでは問題なく動作しますが、IE7 では動作しません。

http://www.sonyt.com/countie/

このサイトにアクセスし、リンクをボックスに貼り付けて、IE7 でどのように表示されるかを確認します。

http://netrenderer.com/index.php

それをすべて機能させる方法はありますか？

中央に配置する必要があるカウンター要素だけです。

ありがとう

Answer 1

に幅を追加し#countdown、左右の余白を に設定しautoます。Chrome はカウンターの幅が 697px であると報告するため、これは機能するはずです。

#countdown {
    width: 697px;
    margin: 0 auto;
}

Answer 2

display: inline-blockdisplay: inlineIE7 の Naturalを持つ要素でのみ機能します。解決策はいくつか考えられますが、2 つ挙げます。

1. 要素float: leftから削除して代わりに使用し、プラス( である必要があります) を使用します。<li>display: inlinemargin: 0 auto<ul>display: block
2. IE7のサポートをやめる