2011-11-09 159 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可以節省一大堆時間。 –