2017-02-13 6 views
0

Ich erstelle ein Layout für meine Anwendung und seine mit festen Kopfzeile, Fußzeile und Left Menu. Der Inhalt scrollt, während andere fixiert sind. Ich habe kein Problem, das Layout zu machen. Wenn ich versuche, die display:flex zu meiner .center-container Klasse zu geben, wird es in IE-10 nicht richtig dargestellt.Anzeige: Flex-Eigenschaft nicht richtig im Internet Explorer richtig Rendern

Unten ist mein CSS

.center-container { 
    height: 100%; 
    display: flex; 
    width: 100%; 
    margin: 0; 
} 

Auch die html groß ist und ich habe JSFiddle Link dafür geschaffen.

+0

Flexbox Unterstützung in IE ist sehr fehlerhaft. Wenn Sie IE unterstützen müssen, sollten Sie [eine Alternative finden.] (Http://StackOverflow.com/Questions/24371408/Flexbox-Alternative-for-Ie9) Sollte auf Edge aber in Ordnung sein. – pol

+0

Ich habe die Alternative versucht und habe immer noch das gleiche Verhalten –

Antwort

1

Nach MDN, Anzeige flex wird nur in IE 10 mit dem Anbieter -MS prefix unterstützt:

display: -ms-flex;

Display Flex on MDN

Verwandte Themen