在IE中的边缘不起作用

我已经创建了一个免费的报告，它在Mozilla Firefox中工作得很好，但在MS IE中有很多问题。在IE中的边缘不起作用

请给我任何解决这个请。

这是在IE浏览器看起来混乱的网站的链接。

http://www.getsuperiorreturnsnow.com/

我设置它的主要的#container

#container { 
    width: 840px; 
    margin: 10px auto; 
    display: block; 
}

，但不工作。 :(

来源

2012-02-16 Muzammil

我看到，在Firefox中，margin是：10px auto;你错过了什么？ – DonCallisto 2012-02-16 10:56:42

MS IE的哪个版本？ IE6,7,8和9之间有区别。 – 2012-02-16 10:57:06

@TJ。所有IE都给我的问题 – Muzammil 2012-02-16 11:00:36

对于IE6你将要添加文本对齐：中心;该元素父容器您正在使用保证金：汽车;

例如，如果您有：

<body> 
<div id="wrap">

你可以尝试：

body {text-align: center;} 
#wrap {width: 1000px; margin: auto;}

来源

2012-02-16 11:05:31 harry

IE在怪异模式显示你的页面这就是为什么保证金：汽车将无法正常工作

如果IE在怪异模式通过阅读这篇文章的答案运行您可以检查：How to tell if a browser is in "quirks" mode?

你会发现IE的怪异模式的局限性这里的列表： http://www.quirksmode.org/css/quirksmode.html

您需要将您的文档类型更改为使IE以严格模式运行。例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

来源

2012-02-16 11:05:53

真的很有帮助，但是有更多的错误，标题显示在书下，但它应该显示左侧。 – Muzammil 2012-02-16 12:14:12

我不太确定为什么，但我猜这也是怪癖模式的原因。不知何故花车表现不佳。另请参阅http://stackoverflow.com/questions/1443007/cannot-get-float-left-right-to-work-for-a-div-in-internet-explorer。给div.book-preview一个230px的宽度会纠正这个问题，但是我强烈建议你更新你的文档类型。 – 2012-02-16 12:30:33

我在本地更新文档类型为<！DOCTYPE html>，但不在服务器上。 – Muzammil 2012-02-16 12:35:55

在IE中的边缘不起作用

回答

相关问题