레이아웃 질문입니다.
<!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>
------------------------------------------------
이런 레이아웃에 그누를 입힐려면
테이블 하던 방식 그대로 가운대를 짤라서 헤더와 풋터로 나누고
게시판 수정에서 상단파일 하단 파일 경로 힙혀주면 되는건가요?
잘 안되서요
<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>
------------------------------------------------
이런 레이아웃에 그누를 입힐려면
테이블 하던 방식 그대로 가운대를 짤라서 헤더와 풋터로 나누고
게시판 수정에서 상단파일 하단 파일 경로 힙혀주면 되는건가요?
잘 안되서요
|
댓글을 작성하시려면 로그인이 필요합니다.