Question

我正在使用此网站formationMTL

该网站在浏览IE浏览器时看起来很棒。

这是来自IE的快照

enter image description here

我是新手，不知道如何解决这个问题。有什么建议吗？

注意：IE版本：7.0.6002.18005

谢谢，

Answer 1

讨厌给你打破它但是，即使有很长的，抽出的解决方案，你可以花几天时间测试并在你的代码中添加条件（对我来说，我的意思是，几天不停），它会是把它放在你的<head>并称之为一天更合乎逻辑：

<!--[if IE lt 9]>

<script type="text/javascript"> 
var $buoop = {
    vs: {
        i: 8,
        f: 5,
        o: 12,
        s: 5,
        n: 9
    }
};
$buoop.ol = window.onload;
window.onload = function () {
    try {
        if ($buoop.ol) $buoop.ol();
    } catch (e) {}
    var e = document.createElement("script");
    e.setAttribute("type", "text/javascript");
    e.setAttribute("src", "//browser-update.org/update.js");
    document.body.appendChild(e);
}
</script> 

<![endif]-->

Browser-Update.org (even Hawaii.gov uses it)

Answer 2

尝试使用可以在应用CSS之前重置默认浏览器CSS行为的reset.css，也许它可以解决您的问题，reset.css可以在此处找到：http://www.cssreset.com

Answer 3

尝试在downncontent div

之后添加一个清除元素

<div class="downcontent">...</div>
<div style="clear:left;"></div>

使用浮动元素时，之后使用清除元素以帮助浏览器以正确的顺序和位置呈现元素非常重要。 IE肯定是错误的做错了。

Answer 4

问题在于清算。这样做：

<强> CSS

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; // For IE 6/7 (trigger hasLayout)
    clear: both;
    display: block;
    overflow: visible;
}

<强> HTML

<div class="subcontain">
    [...]
    <div id="banner"></div>
    <div class="clearfix">
        <div class="downcontent"></div>
        <div class="searchcourse"></div>
    </div>
</div>

无关，但将来可能对您有所帮助。替换这个：

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

有了这个：

<!DOCTYPE html> <html>

这会使您的标记不太可能触发Quirk Mode上的IE。

IE上的网站看起来不对

4 个答案:

Browser-Update.org (even Hawaii.gov uses it)