2010-12-21 48 views
0

欢迎,带有页眉和柱子的CSS布局从上到下

我目前在网站上工作,并且偶然遇到了一些布局困难。我想要的是一个带有标题(固定高度)的网站,后面是三列(左,中,左)。我希望列从上到下伸展。但是,当我将它们设置为100%高度时,页面会从140px上的静态标题溢出。我已经包含了很多颜色的页面图像以显示div(http://oi51.tinypic.com/974rqd.jpg)。

任何帮助,非常感谢!

+0

有许多的方式来解决问题,这已经足够讨论有个名字:将*圣杯*。谷歌搜索CSS圣杯将给你任何数量的方法有不同的标记要求。 – 2010-12-21 01:55:40

回答

0

设置垂直重复的背景图像。对于每个部分的一个图像,或者更容易,包含所有3个部分的分隔符的单个图像。

查看here了解这方面的一个例子。

+0

如果页面由用户(浏览器)调整大小,该解决方案将如何执行。只有一幅图像和divs的宽度决定了百分比,图像是否会缩小? – 2010-12-21 00:11:55

+0

列将改变宽度吗?在原始问题中我没有看到这一点。如果列不是固定宽度,那么解决方案将不起作用。 – Simon 2010-12-21 00:18:33

+0

我很抱歉,我应该更好地指出我的问题。 – 2010-12-21 04:14:54