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

레이아웃 질문입니다.

· 14년 전 · 622
<!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>



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

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

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

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

잘 안되서요

댓글 작성

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

로그인하기

게시글 목록

번호 제목
284348
284336
284333
284332
284320
284318
284316
284313
284307
284306
284303
284298
284296
284290
284286
284280
284277
284272
284261
284259