레이아웃
container = content + sidebar
------------------------------------------------------------------------------------------------------------------------------------
#container {
width:/*@post-width:280*/ 890px /*@*/;
margin:0 auto;
background:url(images/tistory_bg.gif) repeat-y right #fff;
}
#header {
width:/*@post-width:250*/ 860px /*@*/;
margin:0 auto;
padding:0 0 0 30px;
}
#content {
margin:0;
float:left;
width:/*@post-width*/ 610px /*@*/;
padding: 35px 0 0 30px;
}
#sidebar {
float:right;
width:200px;
padding:30px 10px 0 10px;
}
#content .entry { width:/*@post-width*/ 610px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
#searchList { width:/*@post-width*/ 610px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
.titleWrap { text-align:right; width:/*@post-width*/ 610px /*@*/; padding-bottom:5px; margin-bottom:10px; overflow:hidden; }
.article { width:/*@post-width*/ 610px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #666666 /*@*/; margin-top:20px; overflow:hidden;}
------------------------------------------------------------------------------------------------------------------------------------
padding속성 순서는 오른쪽과 같다. padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
------------------------------------------------------------------------------------------------------------------------------------
값 변경전
container = content + sidebar
(890) 860 = 610(+30) + 200(+10+10)
header 860
#content .entry 610
#searchList 610
.titleWrap 610
.article 610
------------------------------------------
값 변경후
container = content + sidebar
(1050) 1020 = 820(+30) + 200(+10+10)
header 1050
#content .entry 820
#searchList 820
.titleWrap 820
.article 820
'Admin > Blog' 카테고리의 다른 글
가로형 롤오버 메뉴 (0) | 2010.04.19 |
---|---|
세로형 롤오버메뉴 (0) | 2010.04.19 |
TOP 10 (0) | 2010.04.19 |
Ctistory.com contact information (0) | 2010.04.09 |
블로그에 위젯 넣기 (0) | 2010.04.08 |