Un décalage entre mes divs

01 déc. 2005, 01:06

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

01 déc. 2005, 10:17

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 ?

01 déc. 2005, 14:02

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

01 déc. 2005, 17:46

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);
}

Un décalage entre mes divs

Qui est en ligne