Directly attached to the final:
Index.html content:
style.css content:
body{margin:0, padding:0}/*logo*/.logo{background: #FF0000; margin:0 auto; width:960px; height:300px}/* navigation Bar */. navigation{background: #990000; width:960px; height:30px; margin:0 auto}/* content */.content{background: #ffffff; width : 960px; height:635px; margin:0 auto}/* first section */.contentone{background: #ffffff, width:960px, height:300px, margin:0 auto}/* column one */.lanmuyi{ Background: #ffffff; width:250px; height:300px; float:left;border:2px solid #ff0000; margin:0 0 0}.lanmuheadyi{background: #FF0000; width:250px;height:30px}.lanmunameyi{width:135px;height:30px; Float:left}. lanmumoreyi{width:135px;height:30px; float:right;}. nameyi{text-align:left; color: #ffffff; font-size:14px; margin:0 0 0 10}.moreyi{text-align:right; color: #ffffff; font-size:14px; margin:0 0 0 60}/* column two */.lanmuer{background: #fff; width:408px; height:300px; float:left;border:2px solid #FF6600; margin:0 0 0}.lanmuheader{background: #FF6600; width:408px;height:30px}.lanmunameer{width:180px;height:30px; Float:left}. lanmumoreer{width:180px;height:30px; Float:right;}. nameer{text-align:left; color: #fff; font-size:14px; margin:0 0 0 10}.moreer{text-align:right; color: #fff; font-size:14px; margin:0 0 0 170}/* column three */.lanmusan{background: #ffffff; width:250px; height:300px; float:right;border:2px solid #ff3300; margin:0 0 0 0}.lanmuheadsan{background: #ff3300; width:250px;height:30px}/* second section */.contenttwo{background: #ffffff; width : 960px; height:300px; margin:0 auto}/* column Four */.lanmusi{background: #fff; width:466px; height:300px; float:left;border:2px solid #FF9900; margin : 0 0 0}.lanmuheadsi{background: #FF9900; width:466px;height:30px}.lanmunamesi{width:240px;height:30px; Float:left}. lanmumoresi{width:240px;height:30px; float:right;}. namesi{text-align:left; color: #ffffff; font-size:14px; margin:0 0 0 10}.moresi{text-align:right; color: #ffffff; font-size:14px; margin:0 0 0 170}/* column five */.lanmuwu{background: #fff; width:466px; height:300px; float:left;border:2px solid #FFCC00; margin:0 0 0 0}.lanmuheadwu{background:#FFCC00; width:466px;height:30px}.lanmunamewu{width:240px;height:30px; float:left}.lanmumorewu{width:240px;height:30px; Float:right;}. namewu{text-align:left; color: #ffffff; font-size:14px; margin:0 0 0 10}.morewu{text-align:right; color: #ffffff; font-size:14px; margin:0 0 0 170}/* Bottom */.footer{background: #990000; width:960px; height:80px; margin:0 auto}/* clearance */.jianxi1{background: #ffffff; height:5px; margin:0 auto}.jianxi2{background: #ffffff; height:10px; margin:0 auto}.jianxi3{background: #ffffff; height:20px; margin:0 Auto}
A simple template to learn about Css+div page layouts