corps couleur d'arrière-plan ne change pas

Je ne sais pas pourquoi, mais la couleur de fond du corps ne change pas la couleur que je veux. Je peux faire le conteneur div changement. Cependant, cela crée une bordure blanche, ce qui est étrange.

Voici mon lien: http://weddingtesters.net76.net/index.html

body {background-color: #dde5ec;}
#main {
width: 100%;
height:auto; 
overflow:auto;
position:relative; 
margin:0px;
background-color:#dde5ec;}
#main div {
float:left; }
#picture { 
width: 777px; 
height:334px; 
position: relative; 
margin-bottom:0px; 
margin-left: 200px; 
background: url(http://weddingtesters.net76.net/pictures/johnandlaura.png);
z-index: 10;
border-left:2px solid white;
border-right:2px solid white;}
#nav { 
width:200px; 
height: 400px; 
position:relative;  
margin-left:200px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-left: 2px solid white;
border-bottom: 2px solid white;}
#text { 
width:577px; 
height: 400px;  
position: relative; 
margin-left:0px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-right:2px solid white;
border-bottom: 2px solid white;}
h1 { 
border-right: 1px dashed black;
font: 25pt calibri; 
color: black; 
text-align: center;
margin:20px;} 
h2 {
font: 10pt candara;}
h3{ 
background: url(http://weddingtesters.net76.net/pictures/transparant.png);
width:100%; 
height:125px;
font: 20pt Palatino Linotype serif; 
color:black;
font-style : italic;}

il est en train de changer. où est le problème? dans le navigateur?
N'oubliez pas de upvote réponses utiles, et marquez-le comme une réponse de l'un qui a fonctionné pour vous.

InformationsquelleAutor user1510951 | 2012-07-09

css html

1

Donc, pour commencer, il ya quelques choses que vous devriez envisager d'ajouter à votre projet. Le principal, je vais souligner, c'est que vous n'avez pas de réinitialiser la feuille de style, qui est pourquoi vous êtes probablement en voyant le "cadre blanc". Découvrez cette remise à zéro de la feuille de style, pour plus d'informations: http://meyerweb.com/eric/tools/css/reset/

Alors quand j'ai vue cette (PC/Chrome v20) le corps ne fonctionne pas. Mais quand je l'ai mis dans cette réinitialisation de la feuille de style, il fonctionne 🙂

Cette remise à zéro de la feuille de style doit également fixer votre "cadre blanc" problème, bien que je ne suis pas 100% sûr que je sais qui peu vous dire. Comme Spiritfyre dit, vous avez un style de bordure sur la #picture élément, donc je suppose que cela est intentionnel..?

Laissez-moi savoir si ce n'est pas à l'expliquer plus en détail et je vais essayer de les aider davantage.

InformationsquelleAutor Kate
1
```
body {
background-color: #dde5ec;
margin:0 auto;
}
```
Note de la deuxième ligne de la body définition de style. Cela supprime la bordure blanche autour de votre #main div. Aussi, votre style doit être fine, je ne vois pas pourquoi cela ne fonctionnerait pas.

Aussi, comme pour le 2px bordure blanche autour de votre #picture div, c'est parce qu'il y a effectivement un 2px solid white frontière.

MODIFIER

Votre feuille CSS (http://weddingtesters.net76.net/mainstylesheet.css) est mal écrit. Il devrait être écrit comme ci-dessous:
```
body {
background-color:#dde5ec;
}
#main {
width: 100%;
height:auto; 
overflow:auto;
position:relative; 
margin:0px;
background-color:#dde5ec;
}
#main div {
float:left; 
}
#picture { 
width: 777px; 
height:334px; 
position: relative; 
margin-bottom:0px; 
margin-left: 200px; 
background: url(http://weddingtesters.net76.net/pictures/johnandlaura.png);
z-index: 10;
border-left:2px solid white;
border-right:2px solid white;
}
#nav { 
width:200px; 
height: 400px; 
position:relative;  
margin-left:200px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
#text { 
width:577px; 
height: 400px;  
position: relative; 
margin-left:0px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-right:2px solid white;
border-bottom: 2px solid white;
}
h1 { 
border-right: 1px dashed black;
font: 25pt calibri; 
color: black; 
text-align: center;
margin:20px;
} 
h2 {
font: 10pt candara;    
}
h3{ 
background: url(http://weddingtesters.net76.net/pictures/transparant.png);
width:100%; 
height:125px;
font: 20pt Palatino Linotype serif; 
color:black;
font-style : italic;
}
```
C'est comment une feuille CSS doit être correctement de style.
- Il n'existe pas de "bonne" et "mauvaise" façon d'écrire une feuille de style. Chacun pour soi 🙂
- Vrai, mais une feuille CSS devrait pas contenir des balises HTML. Jetez un oeil à l'original, j'ai partagé le lien dans le post. 🙂
- Ahh - vous avez raison 😀 je pensais que vous étiez juste indentation/déplacement de l'ouverture/la fermeture {} s'. Mon mauvais. Oui, user1510951, vous devez vous PAS mettre des balises HTML dans une feuille de style! C'est pour CSS 🙂
- Non, je suis juste un acharné pour ranger code (: Et d'accord, CSS et CSS 😀 Mais @user1510951, cela devrait résoudre votre problème. (:
- Merci pour l'aide, y'all! Je l'apprécie (: je ne suis toujours pas sûr de savoir pourquoi le corps d'arrière-plan ne fonctionne pas, mais en supprimant la bordure blanche semble bien fonctionner.
InformationsquelleAutor Connor Deckers

Hey j'ai vérifier pour votre site et maintenant vous créer un syte-feuille comme ce

votre lien css est ce n'est pas le bon codage
http://weddingtesters.net76.net/mainstylesheet.css

<html>
<body> 
<style type="text/css"> 
BODY {background-color:#dde5ec;
margin:0px auto;}
#main {
width: 100%;
height:auto; 
overflow:auto;
position:relative; 
margin:0px;
background-color:#dde5ec;
}
#main div {
float:left; 
}
#picture { 
width: 777px; 
height:334px; 
position: relative; 
margin-bottom:0px; 
margin-left: 200px; 
background: url(http://weddingtesters.net76.net/pictures/johnandlaura.png);
z-index: 10;
border-left:2px solid white;
border-right:2px solid white;
}
#nav { 
width:200px; 
height: 400px; 
position:relative;  
margin-left:200px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
#text { 
width:577px; 
height: 400px;  
position: relative; 
margin-left:0px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-right:2px solid white;
border-bottom: 2px solid white;
}
h1 { 
border-right: 1px dashed black;
font: 25pt calibri; 
color: black; 
text-align: center;
margin:20px;
} 
h2 {
font: 10pt candara;
}
h3{ 
background: url(http://weddingtesters.net76.net/pictures/transparant.png);
width:100%; 
height:125px;
font: 20pt Palatino Linotype serif; 
color:black;
font-style : italic;
}
</style>
</body>
</html>

Ce feuille de style n'est pas corriger

veuillez remplacer dans cette

body {background-color:#dde5ec;
margin:0px auto;}
#main {
width: 100%;
height:auto; 
overflow:auto;
position:relative; 
margin:0px;
background-color:#dde5ec;
}
#main div {
float:left; 
}
#picture { 
width: 777px; 
height:334px; 
position: relative; 
margin-bottom:0px; 
margin-left: 200px; 
background: url(http://weddingtesters.net76.net/pictures/johnandlaura.png);
z-index: 10;
border-left:2px solid white;
border-right:2px solid white;
}
#nav { 
width:200px; 
height: 400px; 
position:relative;  
margin-left:200px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
#text { 
width:577px; 
height: 400px;  
position: relative; 
margin-left:0px;
padding:0px;
margin-bottom:25px;
background-color:#C3FDB8;
border-right:2px solid white;
border-bottom: 2px solid white;
}
h1 { 
border-right: 1px dashed black;
font: 25pt calibri; 
color: black; 
text-align: center;
margin:20px;
} 
h2 {
font: 10pt candara;
}
h3{ 
background: url(http://weddingtesters.net76.net/pictures/transparant.png);
width:100%; 
height:125px;
font: 20pt Palatino Linotype serif; 
color:black;
font-style : italic;
}

InformationsquelleAutor Rohit Azad

0

Il y a quelques problèmes dans votre fichier CSS énumérés ci-dessous:
1. Fichier CSS ne doit pas être enroulé autour de <html>, <head> ou <body>
  tag ou tout autre balise html.
2. Style(<style>) étiquette ne doit être utilisé que si le CSS est interne(à l'intérieur de
  le document html.)
3. propriété background-color est donné à #main div ainsi, le corps n'est pas
  la prise de l'arrière-plan-les changements de couleur comme #main est enfant de corps & avec
  largeur & hauteur de 100%.
InformationsquelleAutor SVS

Vous devez vous connecter pour publier un commentaire.