网页布局结构

Question

我正在尝试将我的基本网页布局放在一起，我遇到了一些问题。有人可以帮我解决吗？我对CSS的理解不是很棒。

代码：http：//jsfiddle.net/hjlzt/

1. Sticky页脚正在工作，我想在标题和页脚之间的页面左右列。我不确定我的做法是否正确。

2. 在左右列之间以及标头和页脚之间，我想放置内容。我该如何中心。我找不到适当的方法，因为总是有溢出，我希望它仅在左右列之间进行，而没有任何切断。

谢谢您的帮助！

编辑：我已经更新了布局，并使用了一些jQuery来提供帮助。我知道我应该尝试使所有内容在CSS中起作用，但这似乎是不可能的。

也许我应该补充说，我想要一个白板作为主题。我想要一个木制框架，因此侧边栏总是必须连接到标头和页脚，因为顶部和底部框架穿过那里。

如果有人可以看一下，告诉我是否还可以。

* { margin:0; padding:0; }
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 150px; }  /* must be same height as the footer */
#main header{
    height: 100px;
    width: 100%;
    background-color: #5d3be6;
}
footer{
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    background-color: #afeba4; 
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#layout_left{
    float: left;
    width: 100px;
    min-height: 100%;
    height: 100%;
    background-color: #f21ce7;
}
#layout_right{
    float: right;
    width: 100px;
    min-height: 100%;
    height: 100%;   
    background-color: #f21ce7;
}
#content_layout{
    border-left: 100px solid #e4f662;
    border-right: 100px solid #e4f662;
    width: auto;
    height: auto;
    background-color: #c36161;
}
#content{
    margin: auto;
    width: 96%;
}

Answer 1

正如您所说的您是CSS的新手，但我非常建议您反对您的布局，这似乎是10年前的标准。（当时尚无意图的冒犯，您是新手，您不会知道DO的，并且还不知道）。

使用Google的创意研究在线投资组合示例！

回答您的问题：

我认识到您的粘面代码，我也不为我工作，否则并不完全。

它不太好，我建议：http：//css-tricks.com/snippets/css/sticky-footer/

我会告诉你自己，但是教程写得很好，易于理解和实施。

且用于集装箱使用：

margin: 0 auto; 

居中文本您可以使用：

text-align: center;

希望有帮助。