Bonjour,
Encore une fois un boulet va vous solliciter pour un problème de compatibilité IE /html-css...
vous pouvez voir le site :
http://judoclubvayres.perso.neuf.fr/Site/
Le problème vient du haut de la bannière... les 3 images (logo gif a gauche, image gif milieu et logo2 a droite) sont dans un div et l'image (définissant les bords) doit se superposer...
Voila mon code :
/*********html***********/
<div id="blocBanniere">
<div id="logoClubGif"></div>
<div id="JudoGif"></div>
<div id="logoClubOff"></div>
</div>
<div id="JudoBanniere"></div>
/************************/
/******CSS***************/
#JudoBanniere
{
background-image: url('../images/jcVayres_Judo_banniere.png');
background-repeat: no-repeat ;
width: 1024px;
height: 178px;
margin:0px;
float:rigth;
}
#blocBanniere
{
width: 1024px;
height: 178px;
float:left;
}
#JudoGif
{
background-image: url('../images/jcVayres_Judo.gif');
background-repeat: no-repeat ;
width: 300px;
height: 90px;
margin-left:130px;
margin-top: 6px;
float:left;
}
#logoClubOff
{
background-image: url('../images/logoJCVayres.png');
background-repeat: no-repeat ;
width: 103px;
height: 96px;
margin-left:660px;
margin-top: 6px;
}
#logoClubGif
{
background-image: url('../images/logo_jcVayres_Judo.gif');
background-repeat: no-repeat ;
width: 115px;
height: 127px;
margin:2px;
float:left;
}
/******************************/
ça marche sous Firefox, et presque sous IE...
Merci pour votre aide
Configuration: Pc portable Packard bell
OS : XP pro
Navigateur : IE8 & firefox
Css different firefox ie
