Flexbox Alternative für IE9

Entwickelt ich eine Webseite mit Chrome anfangs (als die einfachste design für die), aber jetzt bin ich immer auf den IE-support-Modell.

Das sagte, begann ich mit IE11 und die notwendigen änderungen für die skurrile Unterschiede zwischen IE & Chrom. Aber jetzt bin ich scheiden die IE-Versionen. Ich war in der Lage, 90% der Webseiten korrekt anzuzeigen, mit CSS für IE10. Aber jetzt sind die meisten der CSS-Elemente, die ich für diese beiden Browser sind zum größten Teil irrelevant für den IE9.

Ich würde gerne halten Sie von benötigen, um mehrere browser-spezifischen Stylesheets, wenn möglich.

Ersten Probleme ist die Umwandlung IE10+ Umsetzung der flexbox-Modell von CSS.

Aktuellen Implementierung für die flexbox-container:

div#navContainer{
    display: flex; //Current browsers (IE11, Chrome, etc)
    display: -ms-flexbox; //IE10 implementation
}

div#TeamsSection {
    text-align: center;
}

div.NavSection {
    margin: 0px 7px;
    padding: 4px 0px 0px 0px;
}

div#teams {
    margin: 0px;

    select {
        margin: 0px;
    }
}

HTML:

<div id="navContainer" class="float-left">
    <div id="LogoSection" class="NavSection">
        <div id="Logo">
            <img src="Images/Logo.png" />
        </div>
    </div>
    <div id="TeamsSection" class="NavSection">
        <label>Select a Team:</label><br />
        <div id="teams"></div>
    </div>
    <div id="UserSection" class="NavSection hidden">
        <label>Select a User:</label><br />
        <div id="requestor"></div>
    </div>
</div>

Weiß ich IE9 nicht implementiert Flexbox, also bitte beleidigen Sie nicht die Forschung, die ich bereits getan haben. Ich brauche eine gleichwertige Umsetzung, die mir erlauben, ändern Sie die HTML so wenig wie möglich.

InformationsquelleAutor der Frage GoldBishop | 2014-06-23