用水平条去掉右边的额外空白区域?

时间:2011-12-12 20:17:36

标签: css alignment padding margin

所以这是网站:a link

当你将屏幕缩小并水平滚动时......你会看到我的问题,“包装”中的所有东西都被切掉了,然后右边有一大堆额外的空白......我是非常确定它在包装器中,但是我不确定如何让这个包装器保持静止并且在屏幕最小化时不会被切断。

非常感谢ANY对此问题的帮助......谢谢!

2 个答案:

答案 0 :(得分:0)

您需要在min-width上将body设置为页面上最大元素的#access。在这种情况下,body { background: none repeat scroll 0 0 #F1F1F1; min-width: 940px; /* add this */ } 为940px:

{{1}}

答案 1 :(得分:0)

您应该尝试将wave背景图片放在页脚类中而不是ul标记中。您的页脚ID已设置为100%,因此它应填写页面的完整底部。

#footer {
    height:275px;
    width:100%;
    margin: 0 auto;
    margin-bottom:0;
    background: #000 url(http://dropbuckets.com/wp-content/themes/Freshman%20101/images/waves.png) repeat-x 0 top; 
}

确保wave png中的白色不透明。