IE7 jQuery Sliderで浮動小数点数の浮動小数点数をスタックする

Question

ダウンロードしたテンプレートのコンテンツスライダーを使いこなしています。私はそれが現代のすべてのブラウザーでどのようにしたいかをかなり得ています。今私はいくつかのクロスブラウザのテストを試みています、そして、私は、アイテムを積み重ねて画面に浮かべて隠す代わりに、アイテムを積み重ねているie7のバグを見つけました。

は、ここに私のサイトです：

http://dl.dropbox.com/u/62054561/Rust%20Website/index.html

しかし、ここで、それはIE7でどのように見えるかです：

すべてのヘルプは感謝、素晴らしいだろう。

<div class="slider_main" style="width: 915px"> 
    ....content..... 
    <div style="clear: both;"></div> 
</div> 

などなど：

Answer 1

のためにこれを追加する必要があります。

あなたはそれを破るために引き起こしている番号で文字列を乗算しようとしている：

var height = '190', 
    width = '915', 
    slides = 3, 
    tabs = $('.tab'), 
    contentNum = 1; 

あなたはまた、あなたのjqueryの.css()機能

に 'width'前後に引用符が欠落していますバージョン01の固定

$('.slider_main_inner').css({ 
    width: slides * width, 
}); 

使用番号の代わりに、文字列、およびwidth

var height = 190, 
    width = 915, 
    slides = 3, 
    tabs = $('.tab'), 
    contentNum = 1; 

$('.slider_main_inner').css({ 
    'width': (slides * width) 
}); 

Answer 2

は、最も外側のdivをあなたの場合は指定された幅を与えます。

私はしませんので、ずっと前に同様の問題を襲った、ここで答えを見つけた：助けStrange float behaviour in IE7

希望を。

Answer 3

これはIEとインラインブロック要素の問題です。

どこでもあなたは以下のCSSコード

display:inline-block 

を持っていることをあなたはJavaScriptで2個のエラーがありますIE

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