Barre blanche sur chrome edge animate

Fermé
bonapara - 1 mars 2014 à 21:31
 bonapara - 1 mars 2014 à 21:39
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 dimanche 5 janvier 2014 Statut Membre Dernière intervention 6 mars 2015
1 mars 2014 à 21:35
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
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