IE7 Stacking在jQuery Slider中左移浮动的div

Question

我正在搞乱我下载的模板的内容滑块。我已经在所有现代浏览器中得到了我想要的东西。现在我正在尝试一些跨浏览器测试，我在ie7中遇到了一个错误，它正在堆叠项目而不是将它们浮动到屏幕上并隐藏它们。

这是我的网站：

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

但这是它在IE7中的样子：

任何帮助都会很棒，谢谢。

Answer 1

在你的情况下，

给最外面的div一个指定的宽度：

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

等等。

我不久前遇到了类似的问题，在这里找到答案：Strange float behaviour in IE7

希望有所帮助。

Answer 2

这是IE和内联块元素的问题。

你到处都有以下CSS代码

display:inline-block

您需要为IE添加此内容

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

Answer 3

您的Javascript中有2个错误。

你试图将一个字符串乘以一个数字，这会导致它破坏：

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

您在jquery 'width'函数

中错过了.css()周围的引号

$('.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)
});