<head>
<link rel = "stylesheet" type="text/css" href="mystyle.css">
<title>This is the Test Page1.</title>
</head>
<body><div id="wrapper">
<div id="banner"></div>
<div id="menu"></div>
<div id="left"></div>
<div id="content"></div>
<div id="foot"></div>
</div>
</body>
#wrapper {width:624px; margin:auto; border:3px solid black;}
#banner {height:100px; background-color:red;}
#menu {height:60px; background-color:green;}
#left {width:180px; height:500px; float:left; background-color:blue;}
#content {width:444px; height:500px; float:left; background-color:yellow;}
#foot {height:30px; clear:both; background-color:purple;}
레이아웃 예)
'ASP' 카테고리의 다른 글
| 창 크기 변화시켜도 가운데 정렬시키는 방법 (0) | 2013.10.23 |
|---|---|
| 컨텐츠의 내용 길이에 따라 가변하는 레이아웃 (0) | 2013.10.23 |
| asp 게시판 포럼 (0) | 2012.06.14 |
| 답변형 게시판 답변의 답변 솔루션 (0) | 2012.06.07 |
| 8,9장 과제 (0) | 2012.05.30 |