Html IE7显示问题（增加额外的顶部边距）_Html_Css_Internet Explorer_Internet Explorer 7

Html IE7显示问题（增加额外的顶部边距）

html css internet-explorer

Html IE7显示问题（增加额外的顶部边距）,html,css,internet-explorer,internet-explorer-7,Html,Css,Internet Explorer,Internet Explorer 7,我真的很难弄明白为什么IE7会在这个页面上添加额外的填充这就是IE7所做的：正确的页面将有三个黑色选项卡连接到上图。这就是它的外观：也存储在imgur:64qbf.png上（我只允许一个链接）页面链接可在img中找到。（同样，我只能发布一个链接）请帮忙 css代码： <style type="text/css"> #background{ background-image: url(/images/store/vaporIronBK.jpg); back

我真的很难弄明白为什么IE7会在这个页面上添加额外的填充

这就是IE7所做的：

正确的页面将有三个黑色选项卡连接到上图。这就是它的外观：也存储在imgur:64qbf.png上（我只允许一个链接）

页面链接可在img中找到。（同样，我只能发布一个链接）

请帮忙

css代码：

<style type="text/css">
#background{
    background-image: url(/images/store/vaporIronBK.jpg);
    background-repeat:no-repeat;
    height:auto;
    width:665px;

    margin-top:125px;

    margin-left:228px;
    padding-top:5px;
    font-size:15px;
}

#background a {
    color: #ffffff;
    text-decoration: none;
}

#background a:hover {
    color: #de156d;
}

#videoLinks  {
    margin-top:52px;
    height: 100px;
}

#buy{
    width:400px;
    float:left;
    clear:both;
    padding-left:235px;
    color:#000000;
}

#video {
    float: right;
    left: 683px;
    margin-left: 35px;
    margin-top: 166px;
    width: 200px;
    color: #000000;
}

#video a {
    text-decoration: none;
    color: #000000;
}

#video a:hover {
    color: #de156d;
}

#footnotes  {
    color:#ffffff;
    margin-top: 37px;
}

#bottom-text {
    margin-left:40px;
    margin-top:445px;
    width:575px;
}

#bottom-text a {
    color: #de156d;
    text-decoration: none;
}

#bottom-text a:hover {
    color: #000000;
}

#bottom-text p {
    text-align: justify;
}

#bottom-text h2 {
    font-size: 25px;
    color: #000000;
    padding-bottom: 10px;
}

#bottom-text h3 {
    padding-bottom: 5px;
}

#bottom-text p {
    padding-bottom: 20px;
}

#bottom-text .header-text {
    padding-bottom: 25px;
}

#bottom-text p.taylor-image {
    text-align: center;
}

.tabs {
    height: 30px;
    width: 180px;
    float: left;
    margin-left: 30px;
    padding-top: 10px;
}
</style>


#背景{
背景图片：url（/images/store/vaporIronBK.jpg）；
背景重复：无重复；
高度：自动；
宽度：665px；
边缘顶部：125px；
左边距：228px；
垫面：5px；
字体大小：15px；
}
#背景a{
颜色：#ffffff；
文字装饰：无；
}
#背景a：悬停{
颜色：#de156d；
}
#视频链接{
边缘顶部：52px；
高度：100px；
}
#买{
宽度：400px；
浮动：左；
明确：两者皆有；
左侧填充：235px；
颜色：#000000；
}
#录像带{
浮动：对；
左：683px；
左边距：35px；
利润上限：166px；
宽度：200px；
颜色：#000000；
}
#视频a{
文字装饰：无；
颜色：#000000；
}
#视频a：悬停{
颜色：#de156d；
}
#脚注{
颜色：#ffffff；
边缘顶端：37像素；
}
#底部文本{
左边距：40px；
页边顶部：445px；
宽度：575px；
}
#底部文本a{
颜色：#de156d；
文字装饰：无；
}
#底部文本a：悬停{
颜色：#000000；
}
#底部文本p{
文本对齐：对齐；
}
#底部文本h2{
字体大小：25px；
颜色：#000000；
垫底：10px；
}
#底部文本h3{
垫底：5px；
}
#底部文本p{
垫底：20px；
}
#底部文本。标题文本{
垫底：25px；
}
#底部文本p.taylor-image{
文本对齐：居中；
}
.标签{
高度：30px；
宽度：180px；
浮动：左；
左边距：30px；
填充顶部：10px；
}

不确定，但请在CSS中尝试一下

body
{
    padding:0;
    margin:0;
}

http://www.w3schools.com/css/css_padding.asp

或者，您希望看到其他人发布的一些代码。

不确定，但请在您的CSS中尝试一下

body
{
    padding:0;
    margin:0;
}

http://www.w3schools.com/css/css_padding.asp

或者，希望看到其他人发布的一些代码。

使用：

display: inline;

希望这有帮助。

使用：

display: inline;

希望这有帮助。

尝试从#背景中删除

页边顶部：

，而不是为#背景添加一个

clear:both

或

clear:right

。

尝试从#背景中删除

页边顶部：

，而是为#背景添加一个

clear:bot/code>或clear:right
。
我对每个人都这样做第页：
<body>
<!--[if IE]><div class="ie"><![endif]-->

...LALALA

<!--[if IE]></div><![endif]-->
</body>


……拉拉

这叫做条件注释。它是IE专有的，但行为像
对其他浏览器和验证程序的注释
现在，您可以使用.IE祖先指定特定于IE的规则
拿一些来，不管什么{position:relative；}继续，把它们放进去
盒子应该放在哪里
 我对每页都这样做：
<body>
<!--[if IE]><div class="ie"><![endif]-->

...LALALA

<!--[if IE]></div><![endif]-->
</body>


……拉拉

这叫做条件注释。它是IE专有的，但行为像
对其他浏览器和验证程序的注释
现在，您可以使用.IE祖先指定特定于IE的规则
拿一些来，不管什么{position:relative；}继续，把它们放进去
盒子应该放在哪里
 一般来说，特别是对于IE7，但无论如何为了更好的实践，始终指定所有边，包括填充或边距…换句话说，不要只使用边距顶部：？px（？表示任何内容），并假设其余的都可以。最好使用边距：？px 0或任何值
另一个普遍的想法，尤其是IE 7及以下版本，是不要在同一个元素上使用边距和填充
此外，任何浮动的内容都需要一个宽度，而对于双边距错误，它只会在元素浮动的同一侧有边距时发生……因此，如果在某个对象上声明float:right，则不希望在同一对象上有边距：0 20px 0。。。它会加倍。最好在包含元素上使用填充。
一般来说，特别是对于IE7，但无论如何为了更好的实践，始终指定所有边都带有填充或边距…换句话说，不要只使用边距顶部：？px（？表示任何内容），并假设其余的都可以。最好使用边距：？px 0或任何值
另一个普遍的想法，尤其是IE 7及以下版本，是不要在同一个元素上使用边距和填充
此外，任何浮动的内容都需要一个宽度，而对于双边距错误，它只会在元素浮动的同一侧有边距时发生……因此，如果在某个对象上声明float:right，则不希望在同一对象上有边距：0 20px 0。。。它会加倍。最好在包含元素上使用填充。
您需要包含一些示例代码/css/something。我们无法从静态图像进行调试…如果没有一些代码，很难判断。至少为页面的该部分添加CSS/属性定义如何？或者你使用的是所见即所得编辑器，不知道实际的HTML/CSS？请发布一些HTML和CSS。这就像是一个算命师，JS的错误是什么？这与此有关吗？讽刺的是，他关于css的帖子需要一些css调整……你需要包含一些示例代码/css/什么的。我们无法从静态图像进行调试…如果没有一些代码，很难判断。至少为页面的该部分添加CSS/属性定义如何？或者你使用的是所见即所得编辑器，不知道实际的HTML/CSS？请发布一些HTML和CSS。这就像是一个算命师，JS的错误是什么？这与此有关系吗？讽刺的是，他关于css的帖子需要一些css调整…这已经添加到了主css文件中。我还尝试将它添加到此页面，但没有成功。这已经添加到主css文件中。我也尝试过将它添加到这个页面，但没有成功。好的，如果你仍然找不到解决方案，即有一个双边距错误，请阅读ab