Internet Explorer Div问题

Question

我的网页出现问题。在所有浏览器上，div完美对齐。但是，在所有版本的Internet Explorer上，Div都显示为脱节。这是差异的图像：

这是页面，以便您可以查看来源：

Contact Page

我真的很喜欢这个帮助，IE已经多次对我这么做了。我很想知道在这些情况下该怎么做。我在某处读到了一个IE特定的CSS文件，可以解决这个问题，但我并不完全理解在这个新的CSS文件中需要更改的内容。所有帮助表示赞赏。

-Noah

Answer 1

尝试修复W3验证器提供的问题。 http://validator.w3.org/check?uri=http%3A%2F%2Fkynikosdesign.com%2Fcontact.php&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1

Answer 2

你可以添加它，它应该工作（至少它只是通过浏览器内修改） 正常的CSS

之后

<!--[if IE]>
<style type="text/css">
    #mainbox{padding-left:0;}
    #servicesright{float:left;}
</style>
<![endif]-->

除此之外，你还会遗漏一些看起来很封闭的标签，这可能是造成这种奇怪的原因。

Answer 3

到目前为止，我在您的网页结构中检测到的问题（导致显示问题）：

1. #main-container不应该有宽度
2. 你正在使用表格进行表单布局，这是一个很大的错误（它将整个内容推到一起）

作为一种解决方法，删除（1）中的宽度和（2）中的宽度= 100％将解决您的问题但我强烈建议您遵循页面布局的良好做法。 （即使用div而不是表格）。