嗨，我想尝试制作一个旧模板，我自己已经完成了以下代码，我不明白如何实现中间部分。请看图像，了解我需要实现的目标。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>static3</title>
<style type="text/css">
#content {
float: right;
width: 630px;
padding: 30px 30px 0 0;
}
.headerTop {
height:150px;
width:80%;
background-position:center;
align-self:center;
background-color: #444466;
border-top-right-radius: 2em;
border-top-left-radius: 2em;
text-align:center;
}
logo{
font-size:100px;
font-style: italic;
line-height: normal;
font-weight: bold;
text-transform: none;
color: #ffffff;
}
.footerBottom {
background-color: #664444;
width:80%;
height:30px;
border-bottom-right-radius: 2em;
border-bottom-left-radius: 2em;
text-align:center;
}
.bodyHome{
height:400px;
width:80%;
}
</style>
</head>
<center><header class="headerTop"><logo>My Website<logo></headerTop></center>
<body>
<center><footer class="footerBottom">Footbar Inc</footer></center>
</body>
</html>
http://postimg.org/image/qt891yde7/
查看我需要达到的图像。谢谢你的帮助......