IE-fullscreen，居中內容

我已經建立了一個網站，內容區域固定寬度和高度可變，水平和垂直居中，基於在this answer中找到的css和html。IE-fullscreen，居中內容

在我測試過的所有瀏覽器中都能正常工作，即使在IE（11）中也是如此。然而，該頁面也需要以全屏模式工作，如果我在ie中運行它，內容會轉到左上角。

這裏是我的html：

div.wrapper-1 { 
 
display: table; 
 
position: absolute; 
 
height: 100%; 
 
width: 100%; 
 
} 
 

 
div.wrapper-2 { 
 
display: table-cell; 
 
vertical-align: middle; 
 
} 
 

 
div.wrapper-3 { 
 
    margin: 0px auto; 
 
    width: u($page-width); 
 
}

<body> 
 
    <div class="wrapper-1"> 
 
     <div class="wrapper-2"> 
 
      <div class="wrapper-3"> 
 
      <!-- does all my content go --> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</body>

我能做些什麼才能在全屏模式的工作，過？

感謝您的幫助！

來源

2014-09-19 philipp

對我來說，它是一個計劃，以打破網站......它充其量是意味着是一個瀏覽器... – philipp 2014-09-19 13:33:57

最後，經過挖掘，我可以得到它並運行！

我補充說，我的CSS：

html { 
    width: 100%; 
    height: 100%; 
}

來源

2014-09-19 15:16:32 philipp

在你的div.wrapper2和3上設置一個位置：relative;這將保持它相對於你的div.wrapper1並應該解決這個問題。這也可以在你鏈接的答案的第二部分找到。

來源

2014-09-19 13:44:26 Screech129

不起作用。內容繼續粘在左上角...... – philipp 2014-09-19 15:14:04

IE-fullscreen，居中內容

回答

相關問題