#goToCenter {
margin: 0 auto;
}
#wrapper {
width: auto;
margin: auto;
float: left;
border: 1px
solid black;
}
#topArea {
height: 120px;
border: 1px
solid black;
}
#leftArea {
width: auto;
min-width: 200px;
max-width: 800px;
height:400px;
float: inherit;
border: 1px
solid black;
}
#rightArea {
width: auto;
max-width: 200px;
height : 400px;
float: inherit;
border: 1px
solid black;
}
#bottomArea {
width: auto;
height: 50px;
clear: both;
border: 1px
solid black;
}
<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<head>
<link rel ="stylesheet" type="text/css" href="./Content/mystyle.css"/>
<title>Test Page</title>
</head>
<body>
<div id="wrapper">
<div id="topArea">top</div>
<div id="leftArea">This is Test Menu1<br />
<br />
-test1<br />
-test2<br />
-test3<br />
<br />
This is Test Menu2<br />
<br />
Grand Thieft Auto 5<br />
<br />
그러하다.그러하다.그러하다.그러하다.그러하다그러하다</div>
<div id="rightArea">동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리 나라 만세.이 보전하세.. 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세.<br />
<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
그러하다.<br />
<br />
</div>
<div id="bottomArea">bottom</div>
</div>
</body>
'ASP' 카테고리의 다른 글
| postion 사용법 (0) | 2013.10.23 |
|---|---|
| 창 크기 변화시켜도 가운데 정렬시키는 방법 (0) | 2013.10.23 |
| 레이아웃 만들기 예시 (0) | 2013.10.22 |
| asp 게시판 포럼 (0) | 2012.06.14 |
| 답변형 게시판 답변의 답변 솔루션 (0) | 2012.06.07 |