<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-ｅquiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>float </title>
<style type="text/css">
*{margin:0;padding:0;font-family:dotum,helvetica,sans-serif}
bocy{font-size:12px}
li{list-style:none}
img{border:0}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
hr{display:none}
#wrap{width:800px;margin:0 auto;background:beige}
#header{background:#f00}
#container{*zoom:1;margin-bottom:30px;background:yellow}
#container:after{content:"";display:block;clear:both}
#left{float:left;width:140px;background:green}
#contents{float:left;margin-left:10px;width:500px;background:orange}
#right{float:right;width:140px;background:pink}
#footer{clear:both;background:#ccc}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<h1>logo...</h1>
</div><!--header end-->
<hr />
<div id="container">
<div id="left">
<h2>navi</h2>
</div>
<hr />
<hr />
<div id="contents">
<h1>contents Area</h1>
<p>paragraph area </p>
<p>paragraph area </p>
<p>paragraph area </p>
</div>
<div id="right">
<h2>right</h2>
</div>
</div><!--contents end-->
<hr />
<div id="footer">
<address>Copyright &;copy...</address>
</div><!--footer end-->
</div>
</body>
</html>