<html>
<head>
<style>
#top {background :black;color:white;width:760px;height:100px }
#left{background:blue;color:white;width:150px;height:500px;float:left;}
#content {background:yellow;color:blue;width:510px;height:400px;vertical-align:top;float:left;overflow:hidden}
#right{background:green;color:yellow;width:100px;height:400px;vertical-align:top;float:left;overflow:hidden}
#bottom{background:gray;color:white;width:610px;height:100px;float:left}
#page {width:760px;overflow:visible;}
</style>
</head>
<body >
<div id="top"> 상단 로고 </div>
<div id="page">
<div id="left">좌측메뉴 </div>
<div id="content">컨텐츠</div>
<div id="right">오른쪽 </div>
<div id="bottom">하단</div>
</div>
</body>
</html>
<head>
<style>
#top {background :black;color:white;width:760px;height:100px }
#left{background:blue;color:white;width:150px;height:500px;float:left;}
#content {background:yellow;color:blue;width:510px;height:400px;vertical-align:top;float:left;overflow:hidden}
#right{background:green;color:yellow;width:100px;height:400px;vertical-align:top;float:left;overflow:hidden}
#bottom{background:gray;color:white;width:610px;height:100px;float:left}
#page {width:760px;overflow:visible;}
</style>
</head>
<body >
<div id="top"> 상단 로고 </div>
<div id="page">
<div id="left">좌측메뉴 </div>
<div id="content">컨텐츠</div>
<div id="right">오른쪽 </div>
<div id="bottom">하단</div>
</div>
</body>
</html>
