DIV 레이아웃 일반자료
Jan 13th by: wowmac<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=euc-kr”>
<title>Div Layout</title>
<style type=”text/css”>
body,p {margin:0; padding:0; color:#fff;}
#top {
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
height: 70px;
}
#left {
position: absolute;
top: 120px;
left: 0px;
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 120px;
}
#middle {
margin: 20px 190px 20px 190px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
}
#right {
position: absolute;
top: 120px;
right: 0px;
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 120px;
}
#bottom {
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
height: 70px;
}
</style>
</head>
<body>
<div id=”top”>
<p>Top</p>
</div>
<div id=”left”>
<p>Left</p>
</div>
<div id=”middle”><p>Middle</p></div>
<div id=”right”>
<p>Right</p>
</div>
<div id=”bottom”>
<p>Bottom</p>
</div>
</body>
</html>
Popularity: 10% [?]
