#content
#content{ width:70%; float:left; background:#fff; }
跟在bar的后面左浮动，也可以设置为右浮动，在这里没有什么区别。
首先将*,html,body的margin换成了margin:0 auto;这样基本所包含的元素都能自动居中。
接下来限制下#wrap的宽度，换成780px;那么包含在里面的元素依然可以使用百分比宽度，只不过是相对于#wrap的宽度而已。
#wrap{
width:780px;
}
#header{ width:100%; background:#A94E38; color:#F0DFDB;}