CSS / jQuery间距问题

Question

我正在开发一个网站，为了我的生活，我无法摆脱位于下面列出的页面上的jQuery滑块下面的空白区域。左侧和右侧的“灰色边框”根据定义的高度向下延伸。但是分隔页面的双黑线分隔符在其上方有空白区域。我一直在尝试一切，没有运气。

http://www.celebrationandhope.org/

Answer 1

发现问题。

对于main-slider你正在使用带有2行（顶部和底部）的可重复图像。这个块的高度固定在css - 363px，远远大于你的slider - 309px。

因此，要修复它，您需要使用较小的背景线条并降低main-slider的高度，或者增加滑块的高度以适合容器。

Answer 2

你试过这个：

#main-slider {
background: url("images/main-bg.png") repeat-x scroll 0 0 transparent;
height: 360px; <!-- also edited -->
padding-top: 6px; <!-- set to 6px -->
}

使白色空间消失。这是你的意思吗？

Answer 3

看起来您将容器元素“main-slider”的高度设置为特定值，并且内容不会一直填满。