web-dev-qa-db-fra.com

La marge automatique échoue IE11

si vous consultez mon site Web avec le navigateur Chrome vous pouvez voir comment le div appelé .bg-content fonctionne bien avec ce style:

.bg-content {
    max-width: 605px;
    height: 149px;
    position: absolute;
    top: 62px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

Mais si vous ouvrez mon site Web avec Internet Explorer 11, le contenu div .bg n'est pas centré, il flotte à gauche.

Comment puis-je réparer cela?

htmlcssinternet-explorer-11
16
Funny Frontend

cela ne fonctionne pas parce que la largeur max;

Essaye ça:

.bg-content {
    width: 605px;
    height: 149px;
    position: absolute;
    top: 62px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
20
cgee

Le hack que j'utilise toujours pour Internet Explorer (surtout pour les anciennes versions), définit le conteneur parent text-align: center; et le conteneur lui-même text-align: left;.

J'ai jeté un œil à votre site Web et le conteneur parent ne semble pas avoir de largeur par défaut. Veuillez essayer de le régler sur width: 100%;. J'ai essayé cela dans l'environnement d'exécution, et cela a semblé fonctionner.

8
Xyv

Tu devrais utiliser

width: 100%;

dans votre élément de contenu .bg

Exemple: correction automatique de la largeur maximale et de la marge IE11

7
Alexandre Canijo

pour un élément à position fixe:

left: 0;
right: 0:
width: 100%;
margin: 0 auto;
2
Tristanisginger

Pour l'élément de position absolue, vous pouvez utiliser ceci

 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 top: 200px; // change this as you want
 width: 450px; // change this as you want
 margin-left: auto;
 margin-right: auto;
0
Hadnazzar