2011-11-09 6 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

別のエラーが見つかりました: 'height:500 px'で' 200 px 'の間のスペースを削除してください。 –

+0

完了、ありがとうございました。 – Gybe

+0

* {パディング:1px;マージン:1ピクセル。 }パニックに挑戦してみて(Dreamweaverの使用をやめようと思っていない)良いことです! – Prospero

答えて

6
padding: 15px 0; 

UPDATE

値の間にカンマは:また、スタイルで数字と pxNO空白は

+0

謝罪が、私はそれだけで一つの値に気づいたとして、これはポスト編集し、クロムのスクリーンショットが正確にカンマを示しています。私はポストを修正します。 – Gybe

2

は、あなたの複数のパディング値の間のカンマを削除してください。

EDIT:秒、私は、クロームの値を見てカップルの分を欲しがることを無視します。

2

スクリーンショットは、あなたがパディング値の間にカンマを含めましたことを示しているように見える値:

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

カンマは使用できません。

+0

私はこれに気づいたとき、私が持っていたように私は、笑いを取りました。!。当時の一つ、我々は問題を見つける助け喜んこれはあなたのコードを検証することができるというような状況のいずれかになります。コンマのない別の場所でCSSのパディングはポール、それは確かに長い一日となっている – Gybe

+0

@GybeありがとうあなたのIDEから簡単に時間の束を節約することができます。 –

関連する問題