Margine automatico non riesce IE11

Question

se check my website con il browser Chrome si può vedere come il div chiamato .bg-contenuti funziona bene con questo stile:

.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; 
} 

Ma se si apre il mio sito web con Internet Explorer 11 div .bg-content non è centrato, fluttua a sinistra.

Come posso risolvere questo? Grazie.

Answer 1

non funziona perché la larghezza massima;

Prova questo:

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

Answer 2

L'hack io uso sempre per Internet Explorer (per lo più per le versioni precedenti, però), è l'impostazione del contenitore padre text-align: center; e il contenitore stesso text-align: left;.

Ho dato un'occhiata al tuo sito web, e il contenitore genitore non sembra avere una larghezza predefinita. Si prega di provare a impostarlo su width: 100%;. L'ho provato nell'ambiente run-time e sembrava funzionare.