28220 sujets

CSS et mise en forme, CSS3

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:

</div>
  <div class="poscadmil">
  </div>
  <div class="poscadbas">
  </div>
</div>


et pour la feuille de style:
.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.
Modifié par death83 (31 Jan 2006 - 01:45)
fait un test avec

.poscadmil

{

background-image:url(../../imagesite/cadreconnexionmiddle.jpg);

height:auto;
display: block;

}

.poscadbas

{

background-image:url(../../imagesite/cadreconnexionbas.jpg);

height: 25px;
display: block;
}