wowmac » Div http://service.wowmac.com wowmac's blog Wed, 01 Jul 2009 06:32:10 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 DIV 레이아웃 일반자료 http://service.wowmac.com/archives/50 http://service.wowmac.com/archives/50#comments Tue, 13 Jan 2009 08:19:01 +0000 wowmac http://service.wowmac.com/?p=50 <!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>

]]> http://service.wowmac.com/archives/50/feed 0