柱子到达相同的底部，没有相同的顶部

Question

我正在处理一个有点挑战的设计。

该网站需要使用粘性页脚和完整，等长列。我一直用背景图片欺骗其他页面，但是我有一些麻烦的页面在左栏中有一个标题。

标题下方有一个间隙，露出背景图像，因此我的背景图像下降是不可行的。

Here is a JSfiddle with a lot of the essential mark up in place.我已经包含了粘性页脚，并将其划分为CSS，因为解决方案必须与粘性页脚一起使用。

Answer 1

您可以使用Display:table属性。写得像这样：

#columns{
    width:90%;
    display:table;
}
.column{
    border: 1px dotted blue;
    display:table-cell;
}

选中此http://jsfiddle.net/4rY8h/2/

但它在IE7＆amp;下方。