css - IE 的 div 高度/宽度与 Firefox 不同

Question

我在 IE 中遇到 div 高度和宽度的问题。

在我的网页上，http://www.ricominciodame.it/eventi.php , 有一些黑板风格的div。
在 Firefox 中，它们都可以正常工作，但在 IE(7 和 8)中，宽度较小并且背景被剪切。

以下是我的CSS:

div.evento {
    background : white url("images/sfondo_evento.png") top no-repeat;
    width : 260px;
    height : 207px;
    margin:5px;
    margin-left:0px;
    margin-bottom : 20px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 20px;
    padding-bottom : 20px;
    color : white;
}

我该如何解决这个问题？

Answer 1

您的页面在ie中运行quirks mode由 DOCTYPE 引起。您必须使用其中任何一个 http://www.w3.org/QA/2002/04/valid-dtd-list.html

此外，最好始终验证您的网站，来自 w3 validator .