我正在重新设计我的网站,目前我只是将布局搞黑了。我有一个以一切为中心的课程:
.centre
{
position:absolute;
left:50%;
top:50%;
}
然后使用保证金抵消所有内容。
我有一个包装器,它给出了最小高度和最小宽度
#wrapper {
position:relative;
left:0px;
top:0px;
min-height:600px;
min-width:600px;
}
最小宽度和最小高度都可以完成它们的工作,但由于某些原因,在应用此包装后,网站不再垂直居中。
您可以在此处查看该网站:http://testerwebby.tumblr.com/
我想知道这是什么原因,以及解决方案是什么。
谢谢,
狄龙布兰尼克。
答案 0 :(得分:1)
您的问题是您的网页正文未垂直填满整个浏览器窗口。您可以使用Firebug并将您的身体元素悬停来检查 - 不是整个浏览器窗口都会出现蓝色色调。
尝试使用以下CSS解决此问题:
html, body
{
height: 100%;
}