Admin/Blog 2010. 4. 19. 15:16

레이아웃

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
포스팅 포스팅이 유익 하셨다면 Ctistory.com을 구독하세요->

Posted by phil
,