Edge a des problèmes avec CSS ?

Bonjour,

J'ai des images sur Edge qui prennent la Div entière et c'est une vréritable horreur.

<div class="my-skills">
                <div class="skill-img">
                    <img alt="logo windows server" src="logo/windows-server.png">
                </div>
                <div class="skill-text"></div>
</div>

.my-skills {
	display: flex;
    width: 80vw;
	margin: auto;
	margin-top: 100px;
	background-color: #0d0d0d;
	border-radius: 40px;
}
.skill-img {
	width: 50%;
	display: flex;
}

.skill-img img{
	margin: auto;
}

Sur Firefox, Chrome et Opéra tout vas bien en revanche.
Décidément Microsoft a du mal avec les navigateurs web.

Une idée de comment résoudre le problème ?

Cordialement.
Modifié par Thoriak (18 May 2019 - 18:03)

Bonjour Thoriak,
Tu peux nous faire une copie d'écran de ton pb?

Pas de soucis.
Voici le résultat sous Edge :


Et voici sous les autres navigateurs :

Modifié par Thoriak (19 May 2019 - 18:32)

Merci gcyrillus, je suis vraiment idiot de ne pas avoir essayer le margin auto. En revanche je dois laisser le display flex pour sinon mon image est centré seulement verticalement et pas horizontalement.

En revanche dans une autre de mes pages les logos en longueur chevauche le texte :


Les propriétés :

<div id="exp-armee-air">
			
				<div class="exp-logo logo-size">
					<img src="logo/logo_armee_de_l_air.png" alt="logo armée de l'air">
				</div>
				
				<div class="exp-text">
				</div>
				
            </div>

#exp-armee-air {
	background-image: url(background/background-armee-air.png);
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
}

.exp-logo {
	width: 20%;
	display: flex;
	margin: auto;
}

.exp-logo img {
	margin: auto;
}

.exp-text {
	color: #fff;
	width: 80%;
	padding-bottom: 15px;
	padding-top: 15px;
}

Sur un vrai navigateur ça donne ça :

c'est un effet de bord possible de margin:auto; , un max-width pourrait être utilr.

cdt,