DIV

HTML5 강의/DINO

hookbox 2014. 9. 17. 01:00


	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="style.css" />
	<title>DIV 태그 연습 결과물</title>
	</head>

	<body>
	<div id="container">
	<div id="header"></div>
	<div id="content"></div>
	<div id="sideinfo"></div>
	<div id="footer"></div>
	</div>
	</body>
	</html>

@charset="UTF-8";

#container { background-color:#F0F0F0; width:960px; margin:0 auto; padding:10px; }

#header { background-color:#908886; height:100px; }

#content { background-color:#F5F5F5; float:left; width:660px; height:400px; }

#sideinfo { background-color:#DCDAD9; float:right; width:300px; height:400px; }

#footer { background-color:#555555; clear:both; height:100px; }