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

Question

我有以下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;
}

但是这个页面：Non Working Page

显示标题＆＃34;您的信息＆＃34;与此页面不同：Working Page

任何人都可以让我知道为什么？以及如何使第一页正确显示标题。

Answer 1

您需要为Internet Explorer（ IE ）提供不同的CSS样式表：

请参阅以下page source的第8,9和10行（点击IE中的 ViewSource ）。

<!--[if IE]>
<link href="theScriptsStyles/mainStyle-ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

网页Link-1包括IE Style-Sheet，而网页Link-2则不包含。{/ p>

其他浏览器（Chrome，Firefox）中的两个页面看起来都相同。由于mainStyle-ie.css

，Internet Explorer中的内容不同

IE always has CSS issue。因此，您必须专门针对IE设置样式表。您需要在页面的标题部分放置条件代码（如上所述）。

Answer 2

  

#store22{ display:block;}

OR

  

添加显示：块;在第22行

它可以满足您的需求。 ：）