Div frontières ne montrant pas

J'ai du mal à trouver une réponse directe à mon problème, en raison des nombreuses variations dans les peuples code.

J'imagine que mon code est probablement très bordélique que je suis en train de construire un site web pour mon partenaire, et rapidement (je n'ai que quelques heures de Dreamweaver expérience et c'est tout)!

De toute façon, j'ai un site à largeur fixe où il y a environ 6 divs dans une colonne, tous les contenus dans une page web de la taille de la div pour ma couleur de fond.

De toute façon, lorsque j'essaie d'ajouter une bordure à mon pied de page, il ne s'affiche pas dans les navigateurs. Je viens de wan 1px de séparer le "principal" div du bas de page, et il ne s'affiche pas. C'est également le même pour ma navigation div.

      body{
color:#00000;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
#body{
background-color:#000000;
}
#header{
width:800px; /* The width is fixed by pixels */
height:150px; /* The height is fixed by pixels*/
color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}
#navigation {
width:798px;
height:51px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border-style:solid; /*Selecting solid made the border appear*/
border-left:1px;
border-right:1px;
border-top:0px;
border-bottom:1px;
border-color:#000000;    
text-align:center;    
background-color:ffffff;
}
#main {
width:798px; /* The width is fixed by pixels */
height:800px; /* The height is fixed by pixels*/
color:#fff;
background-color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border-style:solid; /*Selecting solid made the border appear*/
border-left:1px;
border-right:1px;
border-top:0px;
border-bottom:0px;
border-color:#000000;
text-align:center;
}
#footer {
/*Styling for any element with the id="container" */
width:798px; /* The width is fixed by pixels */
height:100px; /* The height is fixed by pixels*/
color:#fff;
background-color:#fff;
margin-left: auto;
margin-right:auto;
border-style:solid;
border-left:1px;
border-right:1px;
border-bottom:1px;
border-top:1px;
border-color:#000000;
}
#Facebook {
float:right;
}
#Twitter {
float:right;
}
#LinkedIn {
float:right;
}
</style>
</head> 
<body>
<div id="body">
<div id="header">
<a href="Home.html"><img src="Images/Logo.jpg" alt="Ruth Fifer Jewellery"> </a>
</div>
<div id="main">
<div id="navigation">
<br />
</div>
<br />
<br />
<img src="Images/Home Image.jpg" />
</div>
<div id="footer">
<a href="https://www.facebook.com/ruth.fifer.5?fref=ts" target="_blank"> <img src="Images/facebook.png" alt="Facebook" id="Facebook"/></a>
<a href="https://twitter.com/martynjakins" target="_blank"> <img src="Images/twitter.png" alt="Twitter" id="Twitter"/></a>
<a href="http://www.linkedin.com/profile/view?id=225071408&trk=tab_pro" target="_blank"><img src="Images/linkedin.png" alt="LinkedIn" id="LinkedIn"/></a></div>
</div>
</body>

Si quelqu'un est en mesure d'aider ce serait génial, car j'ai le sentiment que je suis probablement à l'aide de conflit des codes à cause de mon inexpérience, mais n'ont pas le temps d'apprendre tout à l'heure et au lieu de revenir à un point où j'ai plus de temps pour régler les choses.

Merci,

Martyn

OriginalL'auteur user2443444 | 2013-06-01

  1. 6

    1) Écrire <!DOCTYPE><html><head> tag au début du code.

    2) Écrire </html> tag à la fin du code.

    ET D'UTILISATION:

    border: 1px 0px solid #000000;

    Et il permettra de résoudre votre problème. Regardez http://jsfiddle.net/p2269/1/ j'ai écrit le code comme je l'ai expliqué et il montre les frontières.

    Désolé, mais il est complet, je ne l'ai pas inclus, car il y a du javascript que je ne pouvais pas obtenir de format de droit sur ces sites web de code de la boîte. Donc, j'ai juste pris un extrait de code, moins les balises que vous avez inclus et un couple de bits dans le corps html qui avait Javascript. Avez-vous d'autres suggestions?
    lu mon edit de ma réponse
    Merci!!!! Pourquoi faut-il une fois que toutes les frontières sont des paramètres en une seule ligne, mais pas quand je les définir individuellement?!
    Pas du tout! Je ne savais pas exactement pourquoi votre code n'a pas fonctionné, mais je savais que ma variante doit travailler, j'ai donc essayé mon code et cela a fonctionné 🙂

    OriginalL'auteur Ziyaddin Sadigov

  2. 1

    Votre code est incomplet, je pense...

    Ici vous avez un exemple de travail.

    <html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body{
color:#00000;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
#body{
background-color:green;
}
#header{
width:800px; /* The width is fixed by pixels */
height:150px; /* The height is fixed by pixels*/
color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}
#navigation {
width:798px;
height:51px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border-style:solid; /*Selecting solid made the border appear*/
border-left:1px;
border-right:1px;
border-top:0px;
border-bottom:1px;
border-color:#000000;    
text-align:center;    
background-color: yellow;
}
#main {
width:798px; /* The width is fixed by pixels */
height:800px; /* The height is fixed by pixels*/
color:#fff;
background-color:blue;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border-style:solid; /*Selecting solid made the border appear*/
border-left:1px;
border-right:1px;
border-top:0px;
border-bottom:0px;
border-color:#000000;
text-align:center;
}
#footer {
/*Styling for any element with the id="container" */
width:798px; /* The width is fixed by pixels */
height:100px; /* The height is fixed by pixels*/
color:#fff;
background-color:red;
margin: 0 auto;
border-top: 3px solid white;
}
#Facebook {
float:right;
}
#Twitter {
float:right;
}
#LinkedIn {
float:right;
}
</style>
</head> 
<body>
<div id="body">
<div id="header">&nbsp;</div>
<div id="main">
<div id="navigation">
<br />
</div>
</div>
<div id="footer">&nbsp;</div>
</div>
</body>
</html>
    Désolé, mais il est complet, je ne l'ai pas inclus, car il y a du javascript que je ne pouvais pas obtenir de format de droit sur ces sites web de code de la boîte. Donc, j'ai juste pris un extrait de code, moins les balises que vous avez inclus et un couple de bits dans le corps html qui avait Javascript. Avez-vous d'autres suggestions?

    OriginalL'auteur F. Gálvez