2012-12-24 221 views
1

我正在重新設計我的網站,此刻我只是將佈局變黑。我有一箇中心一切的類:css最小寬度和最小高度不起作用

.centre 
{ 
position:absolute; 
left:50%; 
top:50%; 
} 

然後,一切都是使用餘量抵消。

我有一個包裝,給人的最小高度和最小寬度

#wrapper { 
position:relative; 
left:0px; 
top:0px; 
min-height:600px; 
min-width:600px; 
} 

的最小寬度和最小高度都做自己的工作,但這種包裝後因故被應用於該網站是沒有垂直居中更長。 你可以在這裏看到的網站:http://testerwebby.tumblr.com/

我不知道什麼是這個原因,有什麼解決辦法。
謝謝,
狄龍布蘭尼克。

回答

1

你的問題是你的頁面的主體不能垂直填充整個瀏覽器窗口。你可以通過使用Firebug並懸停你的身體元素來檢查 - 不是整個瀏覽器窗口都會變成藍色。

嘗試使用下面的CSS解決這個問題:

html, body 
{ 
    height: 100%; 
} 
+0

這都沒有效果,直到我在高度增加100%到#wrapper指定。它需要雖然它的工作,但不知道爲什麼這個工程,但似乎。 – dillonbrannick