css - Creating header , footer and a left side bar using CSS

Question

I am trying to create header , footer and a side bar that extends throughout the content but I am having problem. I have jsfiddle. but I am unsuccessful creating sidbar that is equal and with the containt in height.

Answer 1

嘿，现在定义你的侧边栏和内容栏

width in %

像这样

现场演示http://jsfiddle.net/zAYru/5/

Answer 2

看到这个答案。用户建议您为侧边栏和主 div 提供相同数量的大底部填充和负底部填充。在侧边栏和主 div 周围放置一个容器，并将溢出隐藏在其中。

Answer 3

对于完整的侧边栏，您最好的选择可能是旧的仿列方法。您可以在 CSS 中执行此操作，但这对您来说可能更容易。

基本上你想要一个带有你的列背景的图像在一个细长的条带中。然后，您将其作为背景图像添加到您的父 div，它充当假装的全高列。

例如。

.container {
    background: url(your_image) repeat-y left top;
}

<div class="container">
    <div class="sidebar">SIDEBAR</div>
    <div class="content">CONTENT</div>
</div>

你可以在这里阅读更多关于它的信息 - http://www.alistapart.com/articles/fauxcolumns/