2011-11-09 117 views
1

基本上,当我尝试为TRBL定义不同的填充量时,规则会被忽略,但是当我只定义一个填充量时,该规则将起作用。被忽略的CSS填充规则?

相关的HTML如下:

<div class="content"> 
<div class="contenttext"> 
    <h1>Hello.</h1> 
    <p>Test text, needs more testing.</p> 
</div> 
</div> 

的CSS如下:从Chrome中

* 
{ 
margin: 0px; 
padding: 0px; 
} 

body 
{ 
font: normal 100% 'trebuchet ms', arial, sans-serif; 
} 

.content 
{ 
background: #d9d5b7; 
width: 100%; 
height: 600px; 
} 

.contenttext 
{ 
background: #FFFFFF; 
width: 750px; 
margin: 0 auto; 
height: 500px; 

padding: 25px; 
} 

.contenttext h1 
{ 
font: bold 150% 'gothic century', arial, sans-serif; 
color: #585858; 

margin: 0px; 
padding: 15px, 0px, 15px, 0px; 
} 

p 
{ 
color: #707070; 
} 

图片:

enter image description here

enter image description here

道歉,如果有什么真正的基本我在这里失踪,我只是开始使用xhtml/css,说实话我觉得很沮丧。

如果你需要完整的代码来确定问题只是喊,我会尽快上传。

+2

发现另一个错误:删除'200 px'在'height:500 px'之间的空间。 –

+0

完成,感谢您的先生。 – Gybe

+0

* {padding:1px;保证金:1px的; }在恐慌中尝试是一件好事(不确定它是否在此修复),并停止使用Dreamweaver! – Prospero

回答

6
padding: 15px 0; 

之间没有逗号

UPDATE:数字和风格px之间也NO空格值

+0

道歉,这是在帖子中的编辑,因为我注意到它只是一个值,铬版屏幕截图显示了正确的逗号。我将修复帖子。 – Gybe

2

尝试删除多个填充值之间的逗号。

编辑:忽略这一秒,我看着铬的值,给我几分钟。

2

截图似乎表明,你已经填充值之间包括逗号:

padding: 15px, 0, 15px, 0; 

逗号不允许在那里。

+0

当我注意到这一点时,在CSS的其他地方填充没有逗号。谢谢保罗,确实是一个漫长的一天! – Gybe

+0

@Gybe:其中一个日子,很高兴我们帮助发现了这个问题,这是能够验证你的代码的情况之一轻松地从您的IDE可以节省一大堆时间。 –