Html CSS在两个单独的页面中显示不同
我有以下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
#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]-->