一致的垂直對齊

我有這個，想做一個模態窗口網站：http://jsfiddle.net/qHqvn/一致的垂直對齊

我想使它看起來沿瀏覽器IE6，Firefox和Chrome是一致的。但是我做錯了，因爲在每個瀏覽器中它顯示不同。我希望紅色框始終佔用屏幕寬度和高度的50％，並且不要讓用戶直接關閉屏幕內容。

在Chrome它的行爲如我所料，但在Firefox盒子從來沒有，我想，它是垂直水平，但不集中，如果我調整導航窗口，它甚至進一步推高。在IE6中，沒什麼好說的，它不會做這項工作。

無論如何，這是我的錯，它不表現propperly但我只是不知道我在做什麼錯

2012-06-21 Roger

這是否必須是您自己製作的模態框？你看過JQuery的對話框嗎？ http://jqueryui.com/demos/dialog/#modal – amburnside

@amburnside我不認爲是這樣，但現在，考慮到我工作的地方，他們不jQuery的使用，但（我會已提出呢），它必須是我的。不過，我感興趣的是，不管我使用jQuery或不使用CSS，發生了什麼。 – Roger

@amburnside我怎麼能看到它是什麼，jQuery也給出了良好的結果呢？我對css的理解更感興趣。感謝您的幫助。 – Roger

所有的CSS利潤率都基於該寬度。所以，當你的margin-left: -25%工程和箱水平居中，則margin-top: -25%屬性是使用框的寬度的25％。

2012-06-21 15:21:32 Jen

那麼，除了設置固定高度之外，沒有解決方案嗎？ – Roger

回答