jQuery滑块中的IE7堆叠左侧浮动div

Question

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

这是我的网站：

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

但这是它在IE7中的外观：

​

​

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

Answer 1

在你的Javascript中有两个错误。

您正在尝试将一个字符串乘以一个数字，这会导致它中断：

tabs变量高度= '190'，宽度= '915'，幻灯片= 3，

= $('.tab')，contentNum = 1；

在jquery .css()函数中，还缺少'width'两边的引号

宽度$(‘.slider_main_inner’)宽度({

：幻灯片*宽度，})；

固定版本

使用数字代替字符串，并在width两边添加引号

tabs变量高度= 190，宽度= 915，幻灯片= 3，

= $('.tab')，宽度= 1；$(‘.slider_main_inner’)宽度({ ' width '：(幻灯片*宽度) });

Answer 2

在本例中，为最外层的div指定宽度：

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

诸若此类。

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

希望这能有所帮助。

Answer 3

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

所有地方都有以下CSS代码

显示:内联块

您需要为IE添加此内容

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