2012-04-07 9 views
0

私のサイトにページングコントロールがあります。このページングコントロールにはmargin:autoに設定されたコンテナエレメントがあり、ページャコントロールがその要素の中央に配置されます。 IE7を除くすべてのブラウザでうまく動作します。実際には、私は自分のサイトにIE7でいくつかの問題があることを認識しており、私はそれらをすべて処理しようとしています。しかし、私はしばらくこのことに固執してきました。余白:IE7で自動動作しない

this pageをご覧ください。

(このページには他のIE7の問題があり、最初にページャコントロールに焦点を当てています) IE9を使用している場合は、F12を押し、メニューバーの[ブラウザモード]をIE7に設定します。他のブラウザ/バージョンの同じページと比較してください。

私が使用しているCSS/HTMLに基づいて、なぜこれが起こっているのか、誰にでも教えてください。私は時間のように見えるものを試してきました。私は本当にそれでどこにもいません。

+1

jsfiddleなどで問題を再現できますか?そのため、ウェブサイト上で何百行ものコードを調べる必要はありませんか? –

+0

私は誰かが実際にソースを読むのではなく、コード/スタイルを調べるのにIEの開発ツール(Firebugのような)を使っていると思っていました。私はそれがちょうど私が行方不明の単純なものだと確信しています。 – Scott

+0

IE7と他のブラウザとの違いは、丸められたエッジと各ページの上部にあるフィルタだけです。私が見るものは、「マージン:オート」の問題はありません。どの要素に特に問題がありますか?おそらく私はそれを見逃しているかもしれません... –

答えて

5

問題は、display: tableを使用してulをその内側のliの幅に縮小ラップすることです。残念ながら、display: table is not supported in IE7.

display: inline-blockに切り替えることは、これを修正する1つの方法です。 previous_next_container_forum ul.list_paging

、削除 display: table and add

display: inline-block; 
*display: inline; 
zoom: 1; 

ulで今まさに同じ広その中li S、display: tableを使用せずにとして。

実際に中央に配置するには、.previous_next_container_forumのように、親要素にtext-align: centerを追加する必要があります。

+0

素晴らしいです、速く、簡潔な答えが動作してくれてありがとう! – Scott

関連する問題