如何纠正 IE 的 css？答案

【问题标题】：How to correct css for IE?如何纠正 IE 的 css？
【发布时间】：2013-02-01 17:15:35
【问题描述】：

现在我正在处理this site

到目前为止，它在除IE 之外的所有浏览器上看起来都不错。我不知道为什么在IE 他是靠左对齐的。如何检测导致此问题的原因？有没有办法检测 IE 中的 CSS 有什么问题？！

CSS：

  html,body{
margin:0px;
padding:0px;
text-align:left;
border:0px;
background:#000000 url(/design/wrap_t_bg.jpg) repeat-x;
font-family:Tahoma, Geneva,sans-serif; font-size:11px;
color:#434343;}

【问题讨论】：

请发布一些示例，说明 IE 中出了什么问题以及您谈论的是哪个版本。
因为 IE 在 Web 标准方面并不是那么“好”。您是否在 Google 上搜索过有关浏览器兼容性的信息？在网上有很多表格显示了跨浏览器的兼容性。例如LINK
i45.tinypic.com/2mi2lo4.png 这就是它在 ie 中的样子 :( 也许在较小的分辨率上它看起来还可以，但在较高的分辨率上也不是
@user2026426 使用 imgur.com
只需在标记开头使用<!doctype html>。

标签： css internet-explorer

【解决方案1】：

更改此部分：

html,body{
margin:0px;

收件人：

html,body{
margin:0px auto;

截图

怪癖模式问题

默认情况下，网站进入怪癖模式。那么，你能把它加到第一行吗？

<!doctype html>

【讨论】：

@user2026426 确保文档模式不是怪癖模式。
确实，我的 IE9 默认为这个网站的 quirks 模式。如果我强制它以标准模式渲染，它看起来更好，但与 FF 不同。如果您按 F12 启动开发者工具，您可能会在菜单栏右侧看到“文档模式：怪癖模式”或类似内容。
@user2026426 添加 DOCTYPE。
您是否也添加了margin: 0 auto;？如果您已上传，我可以实时查看吗？
No 找不到文档类型。你真的加了吗？

【解决方案2】：

将 body 中的 text-align 更改为 'center' 并在 div 中覆盖它。

请使用 html 验证器。代码中有一些可怕的错误。

【讨论】：

【解决方案3】：

有两种方法可以为 IE 编写 css .. 首先是这样..在 html 页面上针对所有版本的 IE

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />

other 在 css 页面上使用后备方法例子.. 。

html > body #div {
  height: 300px;

}

最好你阅读这篇文章。 . http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

【讨论】：