0

現在、css3/html5 プロジェクトに取り組んでいます。私が尋ねた以前の質問のおかげで、クロムで完全に機能し、答えはflexie（http://flexiejs.com/）を使用することを推奨しましたが、IEでは閉じません。以下は Chrome での表示画面です。

グーグルクロームのスクリーンショット

IEでは以下のようになります

IEのスクリーンショット

役立つ場合は、コードをhttp://jsfiddle.net/Ax6Xr/に追加しました。

以下の CSS を追加しました。何らかの理由で、jsfiddle にリンクしたように少し無意味に思えるコードを投稿しないと、stackoverflow で送信できないためです。

html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
}

#wrapper
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 100%;
    background-color: purple;
    width: 100%;
    margin-top: 0px;
}

header
{
    width: 100%;
    height: 80px;
    background-color: black;
    color: white;
}

#articleContainer {
    width: 75%;
    margin: auto;
    background-color: blue;
    display: -webkit-box;
    -webkit-box-flex: 1;
}

#articleContent
{
    width: 70%;
    background-color: yellow;
}

#articleSideBar
{
    position: relative;
    width: 28%;
    background-color: green;
    margin-left: 2px;
    margin-right: 2px;
    display: inline;
    margin-top: 0px;
    height: auto;
}

以下はHTMLです

<html>
    <head>
        <title>index</title>
        <link href="ArticleStyleSheet.css" rel="stylesheet" type="text/css" />
        <script src="../scripts/flexie.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="wrapper">
            <header>
                Header
            </header>
            <div id="articleContainer">

                <div id="articleContent" contenteditable>
                    The quick brown fox jumped over the lazy dogs back. All good men must come to the aid of the party
                </div>

                <div id="articleSidebar">
                    Article Sidebar
                </div>
            </div>
        </div>
    </body>
</html>
4

2 に答える 2

0

IE はまだ HTML5 に対応していません。IE10になると思います。

于 2012-10-19T19:02:18.097 に答える
0

Flexie は、ベンダー接頭辞のないプロパティを探します。たとえば、-moz-box-pack は無視されますが、box-pack は無視されません。最良の結果を得るには、プレフィックス付きのプロパティに加えて、ベンダーのプレフィックスが付いていないプロパティを使用してください。追加してみてください: display: box; ボックスフレックス: 1; ...

于 2012-11-14T22:40:07.293 に答える