Discussion :

[Death83]

Salut a tous,

j'ai un petit soucis avec 2 div. Il sont positionné l'un au dessu de l'autre et on chacun une image en fond.

Le probleme est que sous IE, Netscape et opéra un petit écart (10px environ) se crée entre les 2. Savez vous comment y remédier?

ps: voila le code:

html:

Code :

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

1
2
3
4
5
6
7
 
</div>
  <div class="poscadmil">
  </div>
  <div class="poscadbas">
  </div>
</div>

et pour la feuille de style:

Code :

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

1
2
3
4
5
6
7
8
9
10
.poscadmil
{
background-image:url(../../imagesite/cadreconnexionmiddle.jpg);
height:auto;
}
.poscadbas
{
background-image:url(../../imagesite/cadreconnexionbas.jpg);
height: 25px;
}

Remarque: l'image du bas est prédéfini et l'image du haut est juste un fond qui s'adapte a la hauteur du bloc.

[ePoX]

Code :

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

1
2
3
4
5
6
<div> 
  <div class="poscadmil"> 
  </div> 
  <div class="poscadbas"> 
  </div> 
</div>

tu as essayé en supprimant le line-height et le font-size du div contenur ? Parceque sous IE ces propriétés ont une valeur par défaut de 13px de souvenir.

Peut etre que sa vient de la.

[Death83]

Non ca ne marche pas. Ca tasse mon texte a l'intérieur c'est tout.
Par contre j'ai remarqué qu'en mettant 2 <br><br> a la fin du div poscadmil ca enlevait l'intersection entre les 2 fond mais du coup ca créait un grand espace (que suis obliger d'enlever car c'est pas tres esthétique).

Peut être que ca va vous donner des idée sur l'origine du problème?

[Death83]

ARf c'est bon j'ai trouvé. C'était à cause du forum qui crée des margin par défaut.