Barre blanche sur chrome edge animate

bonapara -  
 bonapara -
Bonsoir,
je ne comprends pas, une petite barre blanche s'affiche en bordure de mon edge animate sur chrome, alors qu'elle n'apparaît pas sur Dreamweaver. Je suis embêté !

Voici mon code Html:

<div id="banniere_carte" class="EDGE-33308108">
<div id="bandeau_banniere">
Voir la situation de la maison de manière plus précise.
<a href="carte.html" class="bouton_bleu">La carte <img src="pictures/flecheblanchedroite.png" alt="" /></a>
</div>
</div>

Voici mon code css :

#banniere_carte {
border-left: 2px solid #6FA1BD;
border-right: 2px solid #6FA1BD;
width: 900px;}



.edgeLoad-EDGE-33308108 {
visibility: hidden;}



#bandeau_banniere {
position: absolute;
bottom: 0;
width: 99.5%;
height: 33px;
padding-top: 15px;
padding-left: 4px;
background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
background-color: rgba(24,24,24,0.8);
color: white;
font-size: 0.9em;
visibility:visible;
z-index: 1; }
A voir également:

2 réponses

bonapara Messages postés 14 Date d'inscription   Statut Membre Dernière intervention  
 
https://www.zupimages.net/viewer.php?id=14/09/r0m0.jpg
https://www.zupimages.net/

Voici deux liens qui montrent le problème sur chrome (avec la petite bande blanche à droite) et sur Dreamweaver (sans la petite bande)
0
bonapara
 
Je viens de me rendre compte que l'image est décalée et empiète de 1px sur la bordure sur la gauche. Mais je ne sais toujours pas comment résoudre mon problème !
0