Css Blueprint站点在IE中与Firefox/Chrome完全不同

我正在使用Blueprint CSS框架开发我的网站，以确保跨浏览器的兼容性…除了，它在IE中看起来完全不同

该网站在Firefox和Chrome中看起来很好，但在IE中完全混乱。主体没有居中，图像位置错误，文本相当怪异

---

有人知道我该怎么处理吗？我认为Blueprint等的全部要点在于它解决了跨浏览器（特别是IE）兼容性方面的问题。我已经包含了正确的IE样式文件-还有其他想法吗？

如果我说实话，我不会使用blueprint css-一个像你这样简单的网站，我只会为IE创建一个单独的样式表，并像这样链接它

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

Blueprint很好（尽管我最近切换到了Twitter Bootstrap）——不管站点的复杂性如何，只要标记正确且类使用正确，Blueprint就能为您完成所有事情

除了doctype（应该添加doctype，正如Michas所提到的）之外，还有一个开始，就是在包含navbar div的div中添加一个“last”类。您现在编写它的方式是，您有一个span-24，包含另一个span-24，后面紧跟着一个span-15和一个span-9

你有：

    <div class="span-24 last">
        <div class="span-24">
        ...
        </div> 
        <div class="span-15">
                ...
        </div>
        <div class="span-9 last">
                ...
        </div>
    </div>

...
...
...

你应该：

...
...
...

---

正如现在所写的那样，我一点也不会惊讶于IE不能计算出一行中不应该有48个跨距。

此页面处于怪癖模式。添加一个好的

doctype

。最短的形式是

。谢谢你的回答，尽管这需要我知道我需要为IE做的所有不同的事情。我认为Blueprint的部分原因是它为你做了所有这些？我注意到你更新了你的网站，包括上面提到的“最后”类。您会注意到，除非您在IE中处于兼容模式，否则它仍然会关闭。您应该在标记顶部至少添加一个最小的、有效的doctype delcaration，以防止IE进入怪癖模式。谢谢。我以前添加过doctype，但后来用文件的旧版本覆盖了它。哎呀！谢谢你指出它仍然不在那里。

    <div class="span-24 last">
        <div class="span-24 last">
        ...
        </div> 
        <div class="span-15">
                ...
        </div>
        <div class="span-9 last">
                ...
        </div>
    </div>