2011-11-09 4 views
1

Fondamentalement, lorsque j'essaie de définir des montants de remplissage différents pour le TRBL, la règle est ignorée, mais quand je viens de définir une quantité de remplissage, la règle fonctionne.Règle de remplissage CSS ignorée?

Le html pertinente est la suivante:

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

Le CSS est la suivante:

* 
{ 
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; 
} 

Images de Chrome:

enter image description here

enter image description here

Excuses s'il y a quelque chose de vraiment basique qui me manque ici, je commence juste avec xhtml/css et pour être honnête je trouve ça assez frustrant.

Si vous avez besoin du code complet pour déterminer le problème, il suffit de crier et je le téléchargerai dès que possible.

+2

Une autre erreur détectée: supprime l'espace entre '200 px' à' height: 500 px'. –

+0

Fait, vous remerciant monsieur. – Gybe

+0

* {remplissage: 1px; marge: 1px; } est une bonne chose à essayer dans une panique (pas sûr que c'est le correctif ici) et arrête d'utiliser Dreamweaver! – Prospero

Répondre

6
padding: 15px 0; 

aucune virgule entre les valeurs

MISE À JOUR: aussi NO espacements entre les nombres et px des valeurs de style

+0

Excuses, c'était une édition dans le post comme je l'ai remarqué c'était juste une valeur, les captures d'écran de chrome montrent les virgules dedans correctement Je fixerai le poteau – Gybe

2

Essayez de supprimer les virgules entre vos multiples valeurs de remplissage.

EDIT: Ignorer que pendant une seconde, j'ai regardé les valeurs en chrome, donne-moi quelques minutes.

2

Les captures d'écran semblent montrer que vous avez des virgules compris entre les valeurs de remplissage:

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

Les virgules ne sont pas autorisées.

+0

J'ai pris pour rire quand j'ai noté ceci, car j'avais Merci Paul, ça a été une longue journée en effet! – Gybe

+0

@Gybe: un de ces jours, content de nous avoir aidé à repérer le problème .C'est une de ces situations où être capable de valider votre code facilement à partir de votre IDE peut économiser beaucoup de temps. –