2013. 3. 28. 17:45ㆍ99. 정리전 - IT/29. IT 잡동지식
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
body { width:960px; margin:20px auto; background:black; text-align:center;}
.container {background:white url(bg.gif) repeat-y top left; width:960px;}
.sidebar {width:300px; height:400px; float:left;background:yellow;}
.content { width:660px; height:300px; float:right;background:pink;}
.header, .footer { height:100px; background:#ccc; background:gray;}
.clear {clear:both;}
</style>
</head>
<body>
<div class="header">
header
</div>
<div class="container">
<div class="content">
content
</div>
<div class="sidebar">
sidebar
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="footer">
footer
</div>
</body>
</html>
