Internet Explorer css问题。 （隐藏填充）

我使用jQuery UI创建了一个小滑块，它在Firefox中运行得非常好，完全应该如此。 但是，在IE中，它似乎在对象之间放置了填充。 看看，你会看到：

HTTP：//www.grant [deletethis] unwin.co.uk/slider/slider1.html

据我所知，不同的broswers有不同的页边距和填充自动设置，所以我尝试使用：

* { padding: 0px; margin: 0px; } 

但问题仍然存在。

问题：

如何消除滑块上图片之间的间隙（在IE中）？

Answer 1

您的页面以Quirks模式呈现，因为您没有使用doctype （..将触发标准模式）。

你的第一行当前是这样的：

添加doctype作为第一行，例如HTML5 doctype：

它将被神奇地修复。

Answer 2

请添加有效的Doctype，因为您的网站正在IE中以Quirks模式查看。

   ....  

Additionaly
删除img元素本身的float并设置display: block;

 .scroller_item { float: left; height: 238px; width: 192px; } .scroller_item .image { display: block; height: 238px; width: 192px; } 

Answer 3

我建议使用重置将所有样式放回所有浏览器中。 使用它应该可以解决您的问题。 Eric Meyer的重置

Answer 4

尝试添加：

 * { padding: 0px; margin: 0px; border: none; } #sliding_section { overflow: auto; } 

您将不得不调整*属性，因为这对生产站点来说是不好的，但它可能会起作用。

Answer 5

尝试删除CSS类中“.scroller_item .image”定义中的“float：left”。