밑에 문의글 소스올립니다.
--css코딩--
/* wrapContainer */
body {background-color: #373737;}
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:298px; margin: 0 auto; }
#wrapTop { height: 13px; }
#wrapBtm { height: 6px; }
.tCenter, .bCenter { float: left; width:250px; }
.mCenter { float: left; width: 200px; }
body {background-color: #373737;}
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:298px; margin: 0 auto; }
#wrapTop { height: 13px; }
#wrapBtm { height: 6px; }
.tCenter, .bCenter { float: left; width:250px; }
.mCenter { float: left; width: 200px; }
#wrapTop { background: transparent url(./images/detail_left_top.png) no-repeat left top; }
.tCenter { height: 13px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_01.png) repeat-x 0 0; }
.tRight { float: left; width: 6px; height: 13px; background: transparent url(./images/box_02.png) no-repeat 0 0; }
.tCenter { height: 13px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_01.png) repeat-x 0 0; }
.tRight { float: left; width: 6px; height: 13px; background: transparent url(./images/box_02.png) no-repeat 0 0; }
#wrapMid { background: transparent url(./images/box_bg_02.png) repeat-y left; }
.mRight {
padding-left: 6px;
background: transparent url(./images/box_bg_03.png) repeat-y right;
}
.mRight {
padding-left: 6px;
background: transparent url(./images/box_bg_03.png) repeat-y right;
}
#wrapBtm{ height: 6px; background: transparent url(./images/box_03.png) no-repeat; }
.bCenter{ height: 6px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_04.png) repeat-x; }
.bRight{ float: left; width: 6px; height: 6px; background: transparent url(./images/box_04.png) no-repeat; }
.bCenter{ height: 6px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_04.png) repeat-x; }
.bRight{ float: left; width: 6px; height: 6px; background: transparent url(./images/box_04.png) no-repeat; }
#container {
width:98%;
height: 100%; background: #ffffff;
}
p { margin:0; }
width:98%;
height: 100%; background: #ffffff;
}
p { margin:0; }
--html 코딩--
<div id="wrapTop">
<div class="tCenter"></div><div class="tRight"></div>
</div>
<div id="wrapMid">
<div class="mRight">
<div class="tCenter"></div><div class="tRight"></div>
</div>
<div id="wrapMid">
<div class="mRight">
<div id="container">
<p>내용</p>
</div><!-- container close -->
</div>
</div>
<div id="wrapBtm">
<div class="bCenter"></div><div class="bRight"></div>
</div>
<p>내용</p>
</div><!-- container close -->
</div>
</div>
<div id="wrapBtm">
<div class="bCenter"></div><div class="bRight"></div>
</div>
|
댓글을 작성하시려면 로그인이 필요합니다.