J'ai un bas de page qui me pose problème, en particulier au niveau d'une image que je cale à droite et qui est décaler de 1px vers la gauche par rapport au bord du bloc parent.
Voici mon code HTML
CODE
<div id="footer">
<div id="angle-right"></div><div id="angle-left"></div>
</div>
<div id="angle-right"></div><div id="angle-left"></div>
</div>
Et voici mon CSS
CODE
/*
** footer
*/
#footer {
height: 10px;
background-image: url('/images/barre_bas.gif');
background-position: bottom;
background-repeat: repeat-x;
}
#angle-left, #angle-right {
height: 10px;
width: 8px;
background-image: url('/images/coin_bas_g.gif');
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#angle-left {
background-image: url('/images/coin_bas_g.gif');
}
#angle-right {
float: right;
background-image: url('/images/coin_bas_d.gif');
}
** footer
*/
#footer {
height: 10px;
background-image: url('/images/barre_bas.gif');
background-position: bottom;
background-repeat: repeat-x;
}
#angle-left, #angle-right {
height: 10px;
width: 8px;
background-image: url('/images/coin_bas_g.gif');
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#angle-left {
background-image: url('/images/coin_bas_g.gif');
}
#angle-right {
float: right;
background-image: url('/images/coin_bas_d.gif');
}
Le décalage ne se fait que sous Firefox et non sous IE. Je n'ai tester qu'avec ces deux navigateurs.
Je bloque complètement sur ce problème, je ne voit pas d'où ca peut venir....
Merci de votre aide
