#header

去掉默认的样式：
*,html,body{margin:0;padding:0;}
#header:
#header{ width:100%; background:#A94E38; color:#F0DFDB;}
注意：要针对IE的DIV下掉问题，可以在float的DIV里加上overflow:hidden来解决。

#bar-l

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

加点文字

#content

#content{ width:70%; float:left; background:#fff; }
跟在bar的后面左浮动

加点文字

#bar-r

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

加点文字

#footer

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