Internet Explorer CSS问题。（隐藏的填充）

| 我使用jQuery UI创建了一个小滑块，它完全可以在Firefox中正常运行。但是，在IE中，似乎在对象之间放置了填充。看看，您会看到： http：//www.grant [deletethis] unwin.co.uk/slider/slider1.html 我了解不同的浏览器会自动设置不同的页边距和填充，因此我尝试使用：

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

但是问题仍然存在。问题：如何消除滑块上的图片之间的间隙（在IE中）？

已邀请:

5 个回复

际恃啸称桅

您的页面正在以Quirks模式呈现，因为您没有使用doctype（将触发标准模式的..）。您的第一行当前是这样的：

<html>

在第一行添加一个doctype，例如HTML5 doctype：

<!DOCTYPE html>

它将神奇地修复。

弓萍功

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

<!DOCTYPE html>
<html> .... </html>

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

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

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

脾萌

我建议使用重置将所有浏览器中的所有样式都归零。使用它应该可以解决您的问题。埃里克·梅耶（Eric Meyer）的重置

嘘伪

尝试添加：

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

#sliding_section
{
  overflow: auto;
}

您必须调整*属性，因为这对生产站点不利，但可能会起作用。

驮帽俺篮号

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

要回复问题请先登录或注册

Internet Explorer CSS问题。（隐藏的填充）

5 个回复

发起人

jquery

javascript

html

css

doctype

问题状态

Internet Explorer CSS问题。 （隐藏的填充）

与内容相关的链接

5 个回复

发起人

jquery

javascript

html

css

doctype

问题状态

Internet Explorer CSS问题。（隐藏的填充）