2009-08-26 10 views
1

divといい、#whatnewstogglerと呼ばれ、幅が動的に変化します。私はこれを水平に中央に置くことができないので、これは問題を引き起こす。唯一の方法は、幅を取得し、jqueryを使用して動的にインラインCSSを追加することです。Jquery IE6またはIE7で動作しない幅を取得します

jsはIE6とIE7以外のすべてのブラウザで動作します。 IE8は正常に動作します。

私はそれが私に与えalert(''+ totalOffset +'');とき、私は「0」この行までvar totalOffset = halfslideshow - offset;

を、問題を縮小しているが、私はalert(''+ offset +'');とき、それは私の最終的な計算の前で正しいを与えます。

ここにコードがあります。

var halfslideshow = 312; 
var width = $('#whatnewstoggler').width(); 
var offset = width/2;   
var totalOffset = halfslideshow - offset; 
//alert(''+ totalOffset +''); 
$('#whatnewstoggler').css('margin-left',totalOffset); 

ありがとうございました!

+0

あなたのコードでは、IE6で私のテスト環境では正常に動作します。もう少し詳しくお聞かせください。 – Steerpike

答えて

2

次のCSSを自動的にdiv要素をセンタリングする必要があります

display: block; 
margin: 0 auto; 
+0

これはIE6で動作しません – Steerpike

+2

まだIE6をサポートしていますか?今では、多くの合理的に大きなサイト(YouTubeを含む)が行っているように、IE6を落とす時期です。 http://www.google.com/search?hl=en&q=drops+support+for+ie6 –

+0

IE6。 IE5.5では動作しません。ブラウザをサポートする必要がある場合は、簡単な方法があります:body {text-align:center;} #container {margin:0 auto; text-align:left;} –

関連する問題