IE7快把我逼疯了。我知道这是一件小事,但我不知道谷歌还有什么,我知道我遗漏了一些非常小的东西。

<div id="spotlightHolder">
<div id="spotlight">
    <div id="spotlightMessage">
        <h1 id="spotlightTitle">Lorem ipsum dolor sit amet.</h1>
        <p id="spotlightDescription">Lorem ipsum dolor, consectetur adipiscing elit. Curabitur massa mi, pharetra vitae luctus at, rutrum posuere quam. Integer pharetra tincidunt vehicula. Vestibulum nec purus id purus sodales hendrerit sit.</p>
        <a id="spotlightBotton" href="#" title="Click here to get our Special"></a>
    </div>
</div>
</div>

上面代码的css是:
div#spotlightHolder
{
    background:url(../images/below-menu-gradient.jpg) repeat-x;
    height:100%;
    padding:34px 0 0 0;
}

div#spotlight
{
    height:325px;
    background-color:#00aff0; /* Sky blue */
    background: rgb(0,175,240) url('../images/spotlight.jpg') no-repeat center center;
}

div#spotlightMessage
{
    width:550px;
    height:210px;
    /*margin:0 0 0 315px;*/
    /*padding:70px 0 0 315px;*/
    /*margin:0;*/
    padding-top:70px;
    padding-left:315px;
    text-align:left;
}

div#spotlightMessage p
{
    font-size:22px;
    font-weight:bolder;
    margin:0 0 10px 0;
}

div#spotlightMessage h1#spotlightTitle
{
    color:White;
    font-size:35px;
    margin:0 0 17px 0;
}

所有这些的结果是,在IE7中,div id=spotlight中的文本块与FF、Chrome、Safari甚至IE8相比更加正确。有人能指出错误吗?
谢谢,Geo
注意:我正在使用YUI CSS Reset库,因为一个SO问题为类似的错误提出了这个建议,但这并没有修复错误。
注2:我正在使用doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

重要提示:
通过将margin right:400px添加到CSS上的div#spotlightMessage,IE7问题得到了解决。既然我不知道为什么会发生这种行为,我会把第一个投票解释的人标记为被接受的答案。谢谢你的帮助。

最佳答案

确保在doctpye声明之前没有任何空格/字符。
而且,这可能是关于利润率崩溃的事情(但我现在不能告诉你,我刚刚醒来,我现在更像一个僵尸:D)
但是,你没有告诉我们这个页面是否有效。您可能还有一些嵌套元素。所以我认为最好的办法是把它放到网上,然后给我们链接:)

关于html - 如何克服IE7填充问题?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2308256/

10-13 05:15