Bootstrap 3 Formatierung Problem mit Internet Explorer 11

Question

Ich habe ein Internet Explorer-Problem mit einer Seite, die ich bin mit Bootstrap Entwicklung 3.

Der Website-Test ist hier http://npcpp2.azurewebsites.net

auf Chrom/Firefox es funktioniert perfekt , aber im Internet Explorer 11 scheinen das Hauptmenü und verschiedene andere Elemente auf der Seite fehl am Platz zu sein.

Zum Beispiel in IE 11, gibt es einen Rand links vom Hauptmenü und auch die 3 Felder in der Mitte der Seite werden an die Seiten der Seite geschoben.

Kann mir jemand Vorschläge machen, ich reiße mir die Haare aus?

Vielen Dank im Voraus, Chris

Answer 1

Der Browser Standard-padding links auf der ul auf Firefox (probs auch auf ie)

treten in ist

ul.info-nav-list { 
    padding-left:0; 
} 

Ihre Zentrierung Geben Sie eine Anzeige von Block div, auch dh könnte eine Position erfordern: relativ; weil es so ist.

#home-header .info-shortcuts { 
    width: 1140px; 
    margin: 0 auto; 
    display: block; 
    position: relative; 
}