-
Notifications
You must be signed in to change notification settings - Fork 44
/
sample169_02.html
31 lines (27 loc) · 1.17 KB
/
sample169_02.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>layout02</title>
<style>
body {background-color: #b3e5fc;}
#wrap {width: 1000px; height: 900px; margin: 0 auto; font-size: 40px; color:#fff; text-align: center;}
#header {width: 1000px; height: 100px; line-height: 100px; background-color: #0277bd;}
#nav {width: 1000px; height: 100px; line-height: 100px; background-color: #0288d1;}
#side_left {float: left; width: 300px; line-height: 600px; height: 600px; background-color: #039be5;}
#contents {float: left; width: 400px; line-height: 600px; height: 600px; background-color: #03a9f4;}
#side_right {float: left; width: 300px; line-height: 600px; height: 600px; background-color: #29b6f6;}
#footer {clear: both; width: 1000px; height: 100px; line-height: 100px; background-color: #0288d1;}
</style>
</head>
<body>
<div id="wrap">
<div id="header">HEADER</div>
<div id="nav">NAV</div>
<div id="side_left">SIDE_LEFT</div>
<div id="contents">CONTENTS</div>
<div id="side_right">SIDE_RIGHT</div>
<div id="footer">FOOTER</div>
</div>
</body>
</html>