包装和包装之间的白色空间DIV

时间:2014-03-04 16:20:55

标签: php html css

我对网页设计比较陌生,这是我的第一个全面项目,所以如果发现任何代码杂乱,我会提前道歉。直截了当地说,我想在我的主要内容/包装和页脚之间留出特定大小的空间。我的意思是将页面末尾的空间缩小到大约20px。我的代码/ css太长了,无法解释,所以我想知道是否有人熟悉FF的元素修饰符会看一看,看看他们是否能弄清楚是什么造成了巨大的差距。

链接到我的网站:http://guard.neetgroup.net/?

由于某些原因,这是主页,主要内容栏中没有任何内容: enter image description here

另一个无法登录的可访问页面:

http://guard.neetgroup.net/?app=cpanel

http://guard.neetgroup.net/?app=profile&u=Veritas

http://guard.neetgroup.net/?page=404

2 个答案:

答案 0 :(得分:1)

对你的CSS进行了一些细微的改动,我想我得到了你需要的东西。

CSS

div#wrapper.global {
margin: 0 auto 20px;
}

然后在不需要的情况下移除带有id间隙的页脚,并移除正文中的高度。

这使得页脚在内容框下只有20px,但没有将页脚背景颜色扩展到页面底部。要做到这一点,你真的需要重新编码网站,并使用页脚bg作为正文背景,并使标题和内容使用不同的背景颜色,因为它们将是中间的扩展内容。

答案 1 :(得分:0)

我通过删除包装器上的100%高度并填充页面的相对长度来解决我的问题。