IE渲染问题

Question

我一直在为我的学校网站开发一个网站模板。我完成了所有必要的开发，但现在已经发现了一个问题。在IE中打开网站时，它不会像在Chrome或Firefox中加载时那样对齐所有内容。我猜测有一些CSS属性没有被IE正确处理（这个问题在宽屏显示器上更明显）。

我已在此处上传了模板：http://test.victoriaparkci.com/tpl2/

CSS在这里：http://test.victoriaparkci.com/tpl2/style.css

我该如何解决这个问题？ 谢谢你的帮助。

Answer 1

从DOCTYPE Element删除上面的内容，页面应以doctype

开头

此内容：

<!--VICTORIA PARK COLLEGIATE INSTITUTE SCHOOL WEBSITE

All of this website's material and content is owned by the administration of

    Victoria Park C.I., 15 Wallingford Rd, North York, ON, Canada.

Prior permission must be obtained before use, modification or replication of this website's code or content.-->

Answer 2

我注意到内容div无法随着body_right的长度而扩展。尝试将内容DIV浮动到左侧。

#content {
    float:left;
    margin: 20px 0 0 0;
    background:#FFFFFF;
    border:1px solid #ececec;
    padding: 0 10px 30px 5px;
    overflow:hidden;
}

根据我的经验，通常DIV不会扩展到其内容长度，因为它没有浮动。