Html CSS在两个单独的页面中显示不同

Html CSS在两个单独的页面中显示不同,html,css,Html,Css,我有以下CSS: #main2 { width: 680px; margin: 0 auto; padding: 0; } #header2 { text-align: center; margin: 0 auto; padding: 0; height: 31px; line-height: 31px; } #contents2 { text-align: center; margin: 0 auto; b

我有以下CSS:

#main2 {
    width: 680px;
    margin: 0 auto;
    padding: 0;
}
#header2 {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    height: 31px;
    line-height: 31px;
}
#contents2 {
    text-align: center;
    margin: 0 auto;
    border: 3px solid #0F446D;
    padding: 0;
    padding-left: 15px;
    height: 365px;
    background: url('theImages/certBG.png') no-repeat bottom;
}
#store {
    background-image: url('theImages/certHeader.png');
    width: 231px;
    height: 31px;
    padding: 0;
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
}
但这一页:

显示标题“您的信息”与此页面不同:


有人能告诉我为什么吗?以及如何使第一页正确显示标题。

您需要为internet explorer(IE)提供不同的CSS样式表:

参考以下第8、9和10行(通过在IE中单击查看源)


页面包括
IE样式表
,而页面不包括

这两个页面在其他浏览器(Chrome、Firefox)中看起来相同。在Internet Explore中看起来不同,因为
mainStyle-ie.css


。因此,您必须专门针对IE的样式表。您需要将条件代码(如上)放在页面的标题部分。

您需要为internet explorer(IE)提供不同的CSS样式表:

参考以下第8、9和10行(通过在IE中单击查看源)


页面包括
IE样式表
,而页面不包括

这两个页面在其他浏览器(Chrome、Firefox)中看起来相同。在Internet Explore中看起来不同,因为
mainStyle-ie.css

。因此,您必须专门针对IE的样式表。您需要将条件代码(如上)放在页面的标题部分

#store22{display:block;}

添加显示:块;第22行

而且它的工作性能非常符合您的要求。:)

#store22{display:block;}

添加显示:块;第22行


而且它的工作性能非常符合您的要求。:)

#store的内容在两个页面中显示相同。FF/Win7。是的,它们是相同的,应该工作相同,对吗?当我查看chrome调试器时,您有两个不同的背景图像。背景图片:url('navigation.png');(工作页面)和背景图像:url('theImages/certHeader.png');(非工作页)这是两个不同的文件夹,但图像完全相同。我不得不更改名称,因为该文件夹已经有一个图像名navigation.png,但它们是相同的图像。它们看起来都和我一样。你能说得具体一点吗?为什么你认为它们看起来不一样?在两个页面中#store的内容看起来都一样。FF/Win7。是的,它们是相同的,应该工作相同,对吗?当我查看chrome调试器时,您有两个不同的背景图像。背景图片:url('navigation.png');(工作页面)和背景图像:url('theImages/certHeader.png');(非工作页)这是两个不同的文件夹,但图像完全相同。我不得不更改名称,因为该文件夹已经有一个图像名navigation.png,但它们是相同的图像。它们看起来都和我一样。你能说得具体一点吗?为什么你认为它们看起来不同?我想知道是什么原因导致主样式或主样式无法工作:(即使相同的CSS代码在不同的浏览器中也会起不同的作用。这称为“跨浏览器问题”…然后一切都能完美工作。我非常确定,这是唯一的原因。其余部分都很完美。只需为IE嵌入以下CSS。二手显示:block for#store,它工作得很好。谢谢。我想知道是什么原因导致它无法工作:(即使相同的CSS代码在不同的浏览器中也会起不同的作用。这称为“跨浏览器问题”…然后一切都很完美。我非常确定,这是唯一的原因。剩下的一切都很完美。只需为IE嵌入以下CSS。二手显示:用于存储的块,工作正常。谢谢所有元素都是默认位置静态和显示:内联。如果我们不要使用display:block。如果我们使用display:block,元素将覆盖其特定区域。在本例中,您提供的边距和填充在没有display:block的情况下是无用的。所有元素都是默认位置静态和display:inline。如果我们不使用display:bloc,我们要应用填充和/或边距的元素将不适用k、 如果我们使用display:block,元素将覆盖其特定区域。在本例中,您给出的边距和填充在没有display:block的情况下是无用的。
<!--[if IE]>
<link href="theScriptsStyles/mainStyle-ie.css" rel="stylesheet" type="text/css" />
<![endif]-->