테스트 사이트 - 개발 중인 베타 버전입니다

레이아웃 질문입니다.

· 14년 전 · 620
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<style>

/* UI Object */
body{_text-align:center}
#wrap{width:600px;margin:0 auto;_text-align:left}
#header{width:100%}
#container{display:inline-block;width:100%}
#container:after{display:block;clear:both;content:''}
#content{float:left;width:400px}
.aside{float:right;width:180px}
#footer{width:100%}

/* Layout Color - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */
div{margin:0 0 10px;padding:10px 0;color:#2d2c2d;font-family:Tahoma;font-size:14px;font-weight:bold}
#wrap{_width /**/:620px;padding:10px;border:1px solid #bdbdbd;background:#f7f7f7}
#header{margin-top:10px}
#header,#container{position:relative;padding:15px;*padding:10px;border:2px solid #bfbfbf;background:#e5e5e5}
#header,#container{width:auto}
.aside,#content{position:relative;margin-top:10px;border:1px solid #bdbdbd;background:#fff;text-align:center}
#content{width:380px;height:200px}
#footer{width:auto;padding:10px;border:2px solid #bfbfbf;background:#e5e5e5}
/* //UI Object */
</style>


<!--ui object -->
<div id="wrap">
<p>#wrap</p>
<!--header -->
<div id="header">
<p>#header</p>
</div>
<!--//header -->
<!--container -->
<div id="container">
<p>#container</p>
<!--content -->
<div id="content">
<p>#content</p>
</div>
<!--//content -->
<!--aside -->
<div class="aside">
<p>.aside</p>
</div>
<!--//aside -->
</div>
<!--//container -->
<!--footer -->
<div id="footer">
<p>#footer</p>
</div>
<!--//footer -->
</div>
<!--//ui object -->
</BODY>
</HTML>



------------------------------------------------

이런 레이아웃에 그누를 입힐려면

테이블 하던 방식 그대로 가운대를 짤라서 헤더와 풋터로 나누고

게시판 수정에서 상단파일 하단 파일 경로 힙혀주면 되는건가요?

잘 안되서요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440