#header

去掉默认的样式：
*,html,body{margin:0; padding:0;}
#header:
#header{ width:100%; background:#A94E38; color:#F0DFDB;}

#content

#content{ width:100%; float:left; background:#fff; }
放在两bar的前面左浮动

加点文字

#bar-l

#bar{width:50%; float:left; background:#eee }
左浮动,宽50%

加点文字

#bar-r

#bar{width:50%; float:left; background:#eee }
左浮动,宽50%

加点文字

#footer

#footer{ background:#7082C2; width:100%; clear:both}
加个clear:both做保险，或者加个float