gpt4 book ai didi

html - 如何克服 IE7 的填充问题?

转载 作者:行者123 更新时间:2023-11-28 02:18:08 26 4
gpt4 key购买 nike

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 中,与 FF、Chrome、Safari 甚至 IE8 相比,div id=spotlight 中的文本 block 更加正确。谁能发现错误?

谢谢,地理

注意:我正在使用 YUI CSS Reset 库,因为一个 SO 问题针对类似的错误建议这样做,但这并没有修复错误。

注意 2:我使用的是文档类型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

重要提示:

通过将 margin-right:400px 添加到 CSS 上的 div#spotlightMessage,IE7 问题得到解决。由于我不知道为什么会出现这种行为,所以我会将第一个给出解释并投票的人标记为已接受的答案。感谢您的所有帮助。

最佳答案

确保在 docpye 声明之前没有任何空格/字符。

此外,这可能与 margin 崩溃有关(但我现在不能告诉你,我刚刚醒来,我现在更像一个僵尸 :D )

但是,您没有告诉我们该页面是否有效。您可能还有一些嵌套元素。所以我认为最好的办法是把它放到网上并给我们链接:)

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com