2011-05-28 94 views
0

我是这方面的新人,我写了一个div样式,它不适用于firefox 4,opera 11.1和ie 8.0,但是为chrome 11工作。只是以下样式的代码仅用于以下以不同的顺序CSS样式的顺序是否重要?

#info_text 
{ 
    background:#fdf6cc; 
    width: 650px; 
    margin-left:1px; 
    padding-left: 30px; 
    padding-right: 263; 
    min-height: 90px; 
} 

以这种方式更改后,它适用于除Internet Explorer 8.0以外的所有浏览器。

我能做些什么,使其工作或者是浏览器的问题? 在这种情况下,它是否会改变订单?

+3

时,你说这是行不通的, 你什么意思?有没有一个特定的财产不工作,或者你的意思是没有一个工作? – Trey 2011-05-28 16:28:21

+0

它以不同的宽度绘制背景的颜色。歌剧和火狐越来越宽,但即8,仍然画得更窄。 – Narek 2011-05-28 16:32:18

+0

你有没有尝试像Jim那样添加px指出? – Trey 2011-05-28 16:37:40

回答

6

订单在这种情况下无关紧要。

你缺少单位为padding-right财产。通过验证器运行你的代码将会标记出这样的错误。在IE

+0

+1看上去很好,你需要'px'在你的填充权属性 – cusimar9 2011-05-28 16:30:02

+0

我已经改变了,但是没有帮助,也许这可能对我没有改变订单有帮助 – Narek 2011-05-28 16:52:31

+0

顺便说一句,在什么情况下订单很重要?(请不要讨论你的情况重写样式。) – Narek 2011-05-31 06:32:11

0

欢迎来到网络开发的世界!所有的浏览器解释CSS不同,IE的特定旧版本(试行上述IE6一些有趣!)

要知道您在我们需要看到一个工作网页上述到底是什么问题。

的CSS的顺序并不特别重要是诚实的,但明显晚CSS覆盖前面的CSS和这个东西这是在工业中常用的。

+0

我希望最新的versin浏览器是标准化的我已经阅读过使用CSS进行网站布局提供了跨浏览器功能的表格,但它仍然没有完全跨浏览器,是不是? – Narek 2011-05-28 16:40:12

0

,请尝试打开“开发人员选项”下的“工具”,如果有更具体的类,它可覆盖的东西,或者如果事情是不好格式化,IE可以一起排除了一切。另一种选择是“萤火虫精简版”,萤火虫是一个非常有用的工具,开始使用CSS,JavaScript和页面结构。如果没有链接到你正在对这个问题的页面,这是非常难以确定的原因,我复制你的CSS,并没有尝试过自己,但得到了在所有浏览器的预期结果

+0

在ie8的开发工具中,我看到以下内容,当我关闭宽度650px时,div的宽度从浏览器边框的左侧变为右侧,ot herwise它是650px,但背景颜色不会继续出现在padding-right 263px;中。颜色应该出现在右边填充的区域,并且文本应该填充。只有在ie8这种风格填充背景颜色。 – Narek 2011-05-28 17:02:34

+0

就像我说你需要把网页放在网上,我们可以检查出来,我已经在ie8中测试了你的div和css声明以及预期的结果,不知道为什么它不能为你工作,除非有其他事情正在进行 – Trey 2011-05-28 17:29:11