 |
|
| |
|
  |
13년 전
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>div 태그로 레이아웃 설정</title>
<style type="text/css">
body {text-align:center; width:100%;}
#header {
width:770px; height:50px; background-color:Yellow;border:groove 1px silver;
padding:5px 5px 5px 5px; margin:0px 0px 10px 0px;
}
#left {
width:180px; height:100px; background-color:Yellow;border:groove 1px silver;
padding:5px 5px 5px 5px; margin:0px 10px 0px 0px;
float:left;
}
#content {
width:340px; height:100px; background-color:Yellow;border:groove 1px silver;
padding:5px 5px 5px 5px; margin:0px 0px 0px 0px;
float:left;
}
#right {
width:180px; height:100px; background-color:Yellow;border:groove 1px silver;
padding:5px 5px 5px 5px; margin:0px 10px 0px 10px;
float:left;
}
#footer {
width:770px; height:30px; background-color:Yellow;border:groove 1px silver;
padding:5px 5px 5px 5px; margin:10px 0px 0px 0px;
}
</style>
</head>
<body>
<div id="header">Navigator</div>
<div style="width:770px;">
<div id="left">카테고리</div>
<div id="content">메인</div>
<div id="right">카테고리</div>
</div>
<div id="footer">Copyright</div>
<hr />
<table border="1" width="100%">
<tr>
<td colspan="3">Navigator</td>
</tr>
<tr>
<td style="width:185px; height:100px;">Left</td>
<td>Content</td>
<td style="width:185px; height:100px;">Right</td>
</tr>
<tr>
<td colspan="3" align="center">Copyright XHTML/CSS All right reserved.</td>
</tr>
</table>
</body>
</html>
|
|
 추천 : 473 |
추천
목록
|
|
| |
|
