로그인

티스토리 초대신청 티스토리 메일주소 티스토리 모바일 페이지로 이동


내 아이디 보안등급은
tv팟 안드로이드앱 '라이브'

포스팅부분이 가운데로 정렬되게 도와주세요~

주제 작성하기
  • iseeu

    http://iseeu4.tistory.com (iseeu)

    2012-08-19 21:50:15


  • 포스팅부분이 가운데로 정렬되게 도와주세요~

    제가 이것저것 보고 붙여넣기는했는데 잘안되네요
    사이드바랑 컨테이너? 사이에 여백이 있는것같은데 ;;
    그게 어딘건지

    아님 여백이 아니라
    컨테이너를 조절을 해야되는건제

    알려주시면 감사하겠습니다.


    사이드바ㅏㅇ 컨테이너부분이 조금 띄어지게하고 싶어요
    지금은 너무 벌어져있고
    컨테이너부분이 가운데로 오면 좋겠는데 ㅠㅠ

    도와주세요~



    /* 공통 요소 */
    body {margin:0;padding:0;
            background:
            /*@background-color=*/#FFFFFF/*@*/
            /*@background-image=*/none/*@*/
            /*@background-image-repeat=*/repeat-y/*@*/
            /*@background-image-position=*/left top/*@*/;
            color:#646405;font:small/1.6em "아리따-돋움(TTF)-Light","아리따-돋움(TTF)-Light";}
    a {color:#696969;text-decoration:none;}
    a:hover {color:#696969;text-decoration:underline;}
    img {border:0;}
    hr {display:none;}
    input {vertical-align:middle;}
    ul, ol {margin:0;padding:0;list-style:none;}
    li, dl, dt, dd {margin:0;padding:0;}
    h1, h2, h3, h4 {margin:0;padding:0;}
    .png24 {tmp:expression(setPng24(this));}
    .clear {clear:both;}
    .cnt {color:#9d9213;font-size:8px;}



    /* 태그 클라우드 */
    .cloud1,
    .cloud1:hover {color:#7dba2c !important;font-size:1.3em;font-weight:bold;background:#E6E619;}
    .cloud2,
    .cloud2:hover {color:#66572e !important;font-size:1.1em;font-weight:bold;background:#E6E619;}
    .cloud3,
    .cloud3:hover {color:#66572e !important;font-size:1.1em;font-weight:bold;background:#E6E619;}
    .cloud4,
    .cloud4:hover {color:#497304 !important;font-size:1em;font-weight:bold;background:#E6E619;}
    .cloud5,
    .cloud5:hover {color:#8c8c1c !important;font-size:0.85em;}

    /* 레이아웃 */
    #wrap {position:relative;width:/*@post-width:530=*/ 1500px /*@*/;overflow:hidden;margin:auto;}
    #sidebar1 {float:left;width:200px;overflow:hidden;padding:0 0 0px 0;
            background:
            /*@title-background-color=*/transparent/*@*/
            /*@title-background-image=*/none/*@*/
            /*@title-background-image-position=*/0 0/*@*/
            /*@title-background-image-repeat=*/no-repeat/*@*/;}
    #container {float:right;width:/*@post-width:140=*/1196px/*@*/;overflow:hidden;padding:0px 0px; margin:auto;}
    #content {margin:auto; width:/*@post-width=*/1000px/*@*/;overflow:hidden;margin:0 0 20px 0;padding:20px 50px;border:0px solid #FFFFFF;background:#FFFFFF;}
    #footer {overflow:hidden;margin:60px 0 0 0;}

    /* 사이드 바 영역 */
    .module {margin:0 0 10px 0;padding:0 10px;line-height:1.3em;}
    .module .module_inside {padding:5px 0 0 0;}
    .module h3 {padding:0 0 5px 0;background:url('./images/line_dotted.gif') repeat-x left bottom;color:#878787;font-size:0.9em;font-family:아리따-돋움(TTF)-Light;letter-spacing:-1px;}
    .module li {padding:0 0 0 6px;background:url('./images/bul_list.gif') no-repeat 0 8px;}
    .module .author {display:none;text-align:right;font-size:0.85em;}

    .intro {padding:40px 0 10px 0; }
    .intro h1 {padding:0 26px 10px 26px;
                color:#393a3c; letter-spacing:-1px;font-weight:bold;
                font-size:/*@title-font-size=*/1.4em/*@*/;
                /*@title-font-family=font-아리따-돋움(TTF)-Light:;*/font-family: inherit;/*@*/; line-height:110%;
                 height:/*@title-height=*/50px/*@*/;}
    .intro h1 a {color:/*@title-color=*/#393a3c/*@*/;}
    .intro .intro_img {text-align:center;}
    .intro .intro_img img {width:197px;margin:7px 0;border:1px solid #ffff35;background:#fff;}
    .intro .intro_desc {padding:0 26px;color:#898651;line-height:1.2em;letter-spacing:-1px;}
    .intro .intro_desc a {color:#898651;}
    .intro .intro_blogger {padding:0 26px 0 48px;background:url('./images/icon_blogger.gif') no-repeat 26px center;color:#898651;line-height:1.2em;letter-spacing:-1px;}
    .intro .intro_blogger a {color:#898651;}

    .header {margin:0 26px 30px 26px;padding:3px 0;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:url('./images/bg_grid.gif') 0 3px;line-height:10px;}
    .header li {padding:4px 0;line-height:10px;}

    .notice li {padding:0;background:url('./images/line_dotted.gif') repeat-x left bottom;line-height:1.6em;}
    .notice li a {padding:0 0 0 20px;background:url('./images/icon_notice.gif') no-repeat left center;}

    .search input {border:1px solid #C4C4C4;}
    .search input.input_search {width:130px;height:17px;}

    .calendar {color:#757575;}
    /* 달력 월 표시 */
    .cal_month {padding:0 0 3px 0;font-size:12px;}
    /* 달력 요일 표시(th 영역) */
    .cal_week1 {font-weight:normal;font-size:11px;line-height:13px;}
    /* 달력 일요일 표시(th 영역) */
    .cal_week2 {color:#f17575;font-weight:normal;font-size:11px;line-height:13px;}
    /* 달력 Week(tr 영역)  */
    .cal_week {}
    .cal_current_week {}
    /* 달력 Day(td 영역) */
    .cal_day {color:#757575;text-align:center;font-size:11px;line-height:13px;}
    /* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday {}
    .cal_day_sunday a {}
    /* 달력 지난 달 날짜 표시(td)   */
    .cal_day1 {}
    /* 달력 다음 달 날짜 표시(td)   */
    .cal_day2 {}
    /* 달력 이번 달 날짜 표시(td) */
    .cal_day3 {}
    /* 달력 오늘 날짜 표시(td) */
    .cal_day4 {border-bottom:2px solid #868606;}
    /* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link {color:#000;font-weight:bold;}
    a.cal_click:visited {color:#000;font-weight:bold;}
    a.cal_click:hover {color:#000;font-weight:bold;}

    .counter {width:120px;margin:8 align=left auto 10px auto;padding:0px;border-top:0px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #cfcfc0;border-bottom:0px solid #cfcfc0;background:#f1f1f1;text-align:right;font-size:11px;line-height:11px;}
    .counter ul {padding:2px 4px;background:#fff url('./images/bg_grid2.gif') left top;}
    .counter li {padding:0;background:none;}
    .counter .counter_title {display:block;float:left;width:60px;color:#92928b;text-align:left;}
    .counter .counter_total {color:#696969;}
    .counter .counter_hit {color:#868D17;}

    .banner {text-align:center;letter-spacing:-1px;}
    .banner a {color:#000;}

    .rss {margin:0px 0 0 0;text-align:center;font-size:9px;letter-spacing:-1px;}
    .rss a {padding:0 0 0 17px;background:url('./images/icon_rss.gif') no-repeat left center;color:#717171;}

    /* 카테고리 */
    .branch3 {color:#696969;cursor:pointer;}
    .c_cnt {color:#9d9213;font-size:10px;}

    /* 포스트 영역 */
    .article {margin:0 0 10px 0;}

    .article_info {padding:0 0 8px 0;border-bottom:1px solid #dede1e;}
    .article_info .article_title {color:#3c442d;line-height:1.3em;
                                    font-size:/*@post-title-font-size=*/11px/*@*/;
                                    /*@post-title-font-family=font-family:;*/font-family: inherit;/*@*/}
    .article_info .article_title a {color:/*@post-title-color=*/#000000/*@*/;}
    .article_info .article_category {margin:0 7px 0 0;color:#000000;font-size:10px;}
    .article_info .article_date {color:#41410b;font-size:10px;}
    .article_info .article_admin {color:#9d9d15;font-size:10px;}
    .article_info .article_admin a {color:#333;font-size:10px;}

    .article_desc {overflow:hidden;padding:30px 0 15px 0;
                    margin-bottom:20px;
                    /*@post-body-color=color:;*/color: #000000;/*@*/
                    /*@post-body-font-family=font-family:;*/font-family: inherit;/*@*/
                    /*@post-body-font-size=font-size:;*/font-size: inherit;/*@*/;
                    width:/*@post-width=*/1000px/*@*/; }
    .article_author {margin:0 0 40px 0;text-align:right;}
    .article_tag {padding:0 0 10px 0;}
    .article_tag,
    .article_tag a {color:#646405;}
    .article_tag img {position:relative;top:3px;margin:0 7px 0 0;}

    /* 포스트 내부 영역 */
    .article_desc ul {padding:0 15px;list-style-type:disc;}
    .article_desc ol {padding:0 22px 0 45px;list-style-type:decimal;}
    .article_desc blockquote {padding:10px 0 10px 42px;background:url('./images/icon_quote.gif') no-repeat left top;}
    .article_desc .moreless_fold {padding-left:12px;background:url('./images/btn_more.gif') no-repeat left center;color:#333;}
    .article_desc .moreless_top {padding-left:12px;background:url('./images/btn_less.gif') no-repeat left center;color:#333;}
    .article_desc .moreless_bottom {padding-left:12px;background:url('./images/btn_less.gif') no-repeat left center;color:#333;}

    /* 포스트 트랙백, 댓글 */
    .article_reaction {padding:6px 0 5px 0;border-top:1px solid #dede1e;color:#333;font-size:9px;text-transform:uppercase;}
    .article_reaction a {color:#333;}
    .article_reaction .cnt {color:#ff0000;font-size:9px;}
    .article_reaction_desc {line-height:1.3em; overflow:hidden; width:/*@post-width=*/1000px/*@*/; }
    .article_reaction_desc h3 strong {color:#868606;}
    .article_reaction_desc h3 {padding:9px 0 7px 0;background:url('./images/line_dotted_yellow.gif') repeat-x left top;color:#8a8a13;font-size:9px;font-weight:normal;}
    .article_reaction_desc h3 a {color:#8a8a13;}
    .article_reaction_desc h4 {color:#454502;font-size:9px;font-weight:normal;}
    .article_reaction_desc h4 a {color:#454502;}
    .article_reaction_desc strong,
    .article_reaction_desc strong a {color:#454502;}
    .article_reaction_desc li {margin:0 0 15px 0;padding-top:15px;border-top:1px solid #dede1e;}
    .article_reaction_desc li li {margin:15px 0 0 18px;padding:0 0 0 18px;border:0;background:url('./images/icon_reply.gif') no-repeat 0 2px;}
    .article_reaction_desc p {margin:0;padding:0;}
    .article_reaction_desc .date {color:#868606;font-size:9px;}
    .article_reaction_desc .article_btn {position:relative;top:2px;}
    .article_reaction_desc .article_line {color:#FFFFFF;}
    .article_reaction_desc .article_reaction_tb {font-size:9px;line-height:1.2em;}


    /* 포스트 외 영역 */
    .article_etc .article_info {padding:0 0 3px 0;}
    .article_etc .article_desc {padding:5px 0 0 0;}

    /* 보호글 영역 */
    .article_protect .input_pass {width:140px;height:17px;border:1px solid #bdbd1d;background:#F8F872;font-size:1em;}
    .article_protect .input_img {vertical-align:middle;}

    /* 검색 페이지 */
    .article_etc_search .date {float:left;width:70px;margin:0 7px 0 0;}
    .article_etc_search .post {float:left;width:/*@post-width:-77=*/923px/*@*/;}
    .article_etc_search li {clear:left;padding:3px 0;background:url('./images/line_dotted_yellow.gif') repeat-x left bottom;color:#848428;line-height:1.3em;}
    .article_etc_search li a {color:#3c442d;}

    /* 지역 로그 */
    .article_etc_location .location {padding:3px 0 3px 12px;background:url('./images/line_dotted_yellow.gif') repeat-x left bottom;}
    .article_etc_location .location_post {padding:3px 0;color:#dd0000;}
    .article_etc_location .location_post a {color:#dd0000;}

    /* 태그 페이지 */
    .article_etc_tag li {display:inline;margin:0 5px 0 0;}

    /* 글쓰기 폼 영역 */
    .article .article_guest_write {margin:10px 0 20px 0;padding:20px 30px;background:#E6E619;font-size:0.85em; width:/*@post-width:-60=*/940px/*@*/;}
    .article .article_guest_write p {clear:left;margin:0;padding:2px 0;}
    .article .article_guest_write .input_name label,
    .article .article_guest_write .input_pass label,
    .article .article_guest_write .input_home label {float:left;width:65px;}
    .article .article_guest_write .input_name input,
    .article .article_guest_write .input_pass input,
    .article .article_guest_write .input_home input {width:/*@post-width:-126=*/874px/*@*/;border:0;border-bottom:1px solid #bdbd1d;background:transparent; font-family:아리따-돋움(TTF)-Light; font-size:small; color:#646405;}
    .article .article_guest_write .input_secret {margin:0 0 0 -3px;}
    .article .article_guest_write .input_textarea {padding:5px 0 0 0; width:/*@post-width:-60=*/940px/*@*/;  text-align:center;}
    .article .article_guest_write .input_textarea textarea { width:/*@post-width:-68=*/932px/*@*/; border:0px solid #bdbd1d;background:#F8F872; font-family:아리따-돋움(TTF)-Light; font-size:small; color:#646405; }
    .article .article_guest_write .input_submit {width:/*@post-width:-73=*/927px/*@*/;margin:5px 0 0 0;text-align:center;}

    /* 페이징 영역 */
    .paging {margin:20px 0 28px 0;color:#868606;text-align:center;font-size:0.85em;}
    .paging a {color:#868606;}
    .paging .paging_img {vertical-align:middle;}
    .paging .selected {color:#4a4a4a;}

    /* 태그 영역 */
    .tag { width:/*@post-width=;*/1000px;/*@*/; padding:20px 70px; margin:20px 0; background-color:#FFFFFF; border:0px solid #FFFFFF; }
    .tag h3 {background:url('./images/line_dotted_yellow.gif') repeat-x left bottom;color:#6a6a14;}
    .tag li {display:inline;margin:0 5px 0 0;padding:0;background:none;line-height:1.6em;}

  • 인용하기

글 작성하기