Forum d'entraide PHPFrance

Bonjour, je pose mes sources et je pose mon probleme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

   <head>
       <title>Bienvenue sur mon blog!!!!</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="blog" href="design.css" />

   </head>

   <body>


   <div id="en_tete">
   <img src="taille.jpg"></img>
   </div>

   <div id="bande">
 <p>Tu fais quoi ?</p>
   </div>

   <div id="menu">

    </div>

   <div id="corps">

    <div>
       
   </body>
</html>

et le design.css

body
{
     width: 100%;
     margin-top: 0px; */ /* sinon c'est moche on colle trop la fenetre */
    margin-bottom: 0px; */ /* pour le bas également */
      background-color: rgb(0,0,0);
      margin-right: 0px;
      margin-left: 0px;
   }

#en_tete
{
  width:100%;
  height : 140px;
  
}

#bande
{
  width:100%;
  height: 20px;
  
  background-color: rgb(255,255,255);
  
}

Voila le probleme c qu'entre mes divs à chaque fois, mes deux blocks ici en tete et bande j'ai un décalage de quelques pixels...

Merci de votre aide

Ce n'est pas la réponse en soit, mais je ne sais pas si je dis une bêtise. Ca ne serait pas plutôt :

Code : Tout sélectionner

<img src="taille.jpg" />

que

Code : Tout sélectionner

<img src="taille.jpg"></img>

et

Code : Tout sélectionner

margin-top: 0px; /* sinon c'est moche on colle trop la fenetre */ 
margin-bottom: 0px; /* pour le bas également */

plutôt que

Code : Tout sélectionner

margin-top: 0px; */ /* sinon c'est moche on colle trop la fenetre */ 
margin-bottom: 0px; */ /* pour le bas également */

pour commencer ?

Merci de cette précision seulement l'ecart entre mes deux divs mon entete et banniere reste inchangé (un ecart de quelques pixels)... Merci de votre aide

C'est à cause de tous les espaces dans ton code que tu as ce problème de décalage.

Nettoies le un peu dans un éditeur de texte et ça marchera :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
<head> 
	<title>Bienvenue sur mon blog!!!!</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
	<link rel="stylesheet" media="screen" type="text/css" title="blog" href="design.css" /> 
</head> 
<body> 

<div id="en_tete"><img src="taille.jpg" /></div>

<div id="bande"><p>Tu fais quoi ?</p></div>

<div id="menu"></div>

<div id="corps"><div>
        
</body>
</html>

Et ta CSS

Code : Tout sélectionner

body
{ 
	width: 100%;
	margin-top: 0px; /* sinon c'est moche on colle trop la fenetre */
	margin-bottom: 0px; /* pour le bas également */
	background-color: rgb(0,0,0);
	margin-right: 0px;
	margin-left: 0px;
} 

#en_tete
{ 
	width:100%;
	height: 140px;
} 

#bande
{ 
	width:100%;
	height: 20px;
	background-color: rgb(255,255,255);
}

Forum d'entraide PHPFrance

Un décalage entre mes divs

Un décalage entre mes divs

re