2010-02-06 77 views
-1

感谢您的帮助提前。CSS:背景问题。这可能吗?

这里是布局的PNG:Website Layout

第二部分(与暗灰色背景)是给我的问题。下面是我用于背景的CSS。

#mainbg { 
width:100%; 
height:450px; 
padding-top:25px; 
background-image:url(../images/mainbg.png); 
background-color:#303030; 
background-position:top; 
background-repeat:repeat-x; 

}

背景显示,(虽然它不会显示出来,除非我设置一个最小高度,它不适合IE6工作反正),和一切工作,直到我得到的内容,延伸超过450px。

之后,内容只是溢出到页脚,背景不伸展。我不希望IMAGE伸展,只是为了图像的结束和背景颜色的继续,以适合内容的简单背景。

如何设置此div的背景高度,以使其伸展以容纳内容,同时仅在y轴上显示背景图像(同时仍在x轴上重复)。

我玩弄其他身高和继承和汽车,但设置任何这些只是意味着图像不显示。

帮助,这让我疯狂!

回答

1

你有两个问题:

  1. 它强迫你设定的最低高度,因为你没有在它的内容还没有。想象一个空白的div。它将与屏幕一样宽,因为它是块级别的,但是与文本一样高,这没什么。所以你不需要最小高度,你只需要一个高度或一些实际的内容。

  2. 背景只占用div所占用的空间。如果颜色和图像停止,则表示div已停止。尝试设置“溢出:滚动”刚看到截止真的是..

一件事,会让你的生活轻松了许多与CSS是不要试图一次性设置所有的一切,并确保布局是好的,然后担心像背景图像和颜色的化妆品。尝试给麻烦的div橙色和蓝色边框的背景颜色。这会给你完美的想法,当事情开始和停止时。一旦你知道颜色排队,然后尝试背景图像。

+0

谢谢这么多!我所需要做的就是设置溢出:隐藏并且完美运行! – 2010-02-06 05:59:26