Discussion :

[MasterOfChakhaL]

bonjour,

je suppose que mon problème est un grand classique, mais je n'ai pas su trouver les termes pour réussir ma recherche...

j'ai 2 div imbriqués comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div id="en_tete">
  <div class="content" >
    <h1 id="site_titre">
      <img id="logo_site" src="http://127.0.0.1/chak2/image/logo_site.gif" />
      Le site des Chakhos
    </h1>
  </div>
</div

mon problème vient de l'apparition d'un espace entre le haut de la div "en-tete" et le haut de la div de contenu (class="content")
cet espace correspond à peu près une ligne de texte.
(même phénomène en bas de div)

voilà le css correspondant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 80%;
	color: #333;
	background-color: #CCC;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#en_tete { background-color: transparent; }
div#en_tete .content { background-color: #96F; color: #000; }

je m'attendais à voir la div en-tête entièrement rempli par la div contenu

là où je ne comprends plus, c'est que si je rajoute ceci dans le css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
/*debugage*/
* {border: 1px solid red }

le phénomène disparait...
si quelqun avait une solution, voir encore mieux une explcation, je suis preneur

merci

[Kerod]

Salut, j'ai testé sous DM et je vois aucun problème mais ca doit être du au fait que je n'ai pas l'image ni les dimensions.

Alors je vais dire ca comme ca : tentes de retirer les marges du H1 ca pourrait être la source du problème

[MasterOfChakhaL]

a ben effectivement...

c'est bien le h1!!

je pensais qu'il héritait les marges du body mais visiblement, ce n'est pas le cas....

merci de ta réponse...
en revanche je ne comprends toujours pas pourquoi le problème disparait quand je mets des bordures...

quoiqu'il en soit le problème est résolu