web-dev-qa-db-ja.com

マージンの自動がIE11で失敗する

あなたが 私のウェブサイトをチェックする ブラウザでChrome

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

しかし、Internet Explorer 11で私のWebサイトを開くと、div .bg-contentが中央に配置されず、彼は左に浮いています。

どうすれば修正できますか？

htmlcssinternet-explorer-11
16
Funny Frontend

max-widthが原因で機能しません。

これを試して：

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

私がInternet Explorerで常に使用するハック（ただし、ほとんどの場合は古いバージョン）は、親コンテナーtext-align: center;とコンテナー自体text-align: left;を設定しています。

私はあなたのウェブサイトを調べましたが、親コンテナにはデフォルトの幅がないようです。 width: 100%;で設定してみてください。ランタイム環境でそれを試しましたが、うまくいくように見えました。

8
Xyv

あなたが使用する必要があります

width: 100%;

.bg-content要素内

例： IE11の最大幅とマージンの自動修正

7
Alexandre Canijo

固定位置要素の場合：

left: 0;
right: 0:
width: 100%;
margin: 0 auto;
2
Tristanisginger

絶対位置要素の場合、これを使用できます

 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 top: 200px; // change this as you want
 width: 450px; // change this as you want
 margin-left: auto;
 margin-right: auto;
0
Hadnazzar