http://avestaart.org/xe

 

위 홈페이지의 Copyright가 들어가는 하단바의 위치를 가운데로 하고 싶습니다.

 

원래 오픈형으로 길이가 무제한이었던 것을 해당 layout(코지 Home 레이아웃)의

style.css 파일에 width:1020px; margin:auto 를 추가하여

겨우 위의 상단메뉴바와 같게 1020px로는 바꿨는데요.

가운데 정렬이 안되고 있습니다.

 

라에이웃 html 설정에서도  <div class="footer_wrap"> 부분을

<div class="footer_wrap" style="width:1020px; margin:auto;">

위와 같이 바꿨는데도 가운데 정렬이 안되고 있습니다.

 

혹시 참고가 될까 싶어 해당 레이아아웃의 sytle.css 파일도 첨부파일로 업로드하고

css 파일내의 footer 이후 부분도 올려 봅니다.

부디 고수 님들의 도움 부탁드립니다.

 

style.css <- 첨부파일


/* footer */
.footer_wrap    {background-color: #4961B8;
width:1020px; margin:auto;}
.footer_wrap a    {color: #9EB0C7;}
.footer_wrap a:hover    {color: #DDD;}
.bottom_menu li,
.site_info li    {display: inline-block; margin-left: 15px;}
.bottom_menu li span,
.site_info li span    {margin: 0 8px; color: #4961B8;}
.bottom_menu li:last-child span,
.site_info li:last-child span    {display: none;}
.copyright    {padding-top: 3px; margin-left: 15px; font-size: 12px; color: #5aa2e6;}
.site_info    {margin-top: 10px; font-size: 11px; color: #5aa2e6;}
.site_info:empty    {display: none;}

/* lang */
.lang_area    {position: relative;}
.lang_area>button    {color: #9EB0C7;}
.lang_area>button:hover    {color: #DDD;}
.lang_area ul    {display: none; position: absolute; bottom: 100%; margin-bottom: 5px; background-color: #FFF; border: 1px solid #CCC;}
.lang_area li    {display: block; padding: 5px 10px; border-bottom: 1px dotted #DDD; white-space: nowrap;}
.lang_area li:last-child    {border-bottom: none;}

/* custom check */
input.custom_check    {display: none;}
input.custom_check + label    {cursor: pointer;}
input.custom_check + label span    {display: inline-block; vertical-align: middle; margin-right: 5px; color: #999;}
input.custom_check:checked + label span    {color: #555;}
input.custom_check + label span.check_dummy    {width: 14px; height: 14px; border: 1px solid #DDD; background: #FFF url(../images/bg_checkbox.png) no-repeat center top;}
input.custom_check:checked + label span.check_dummy    {background-position: center -17px;}


/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix {
    height: 1%; /* IE5-6 */
}
*+html .clearfix {
    display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

 

 

 

Atachment
첨부
  • ?
    <center>내용</center> <이렇게 넣어보세요.
  • profile
    포지션이 absolute군요.
    margin: auto;는 빼시고, left: 50%; margin-left: -510px;를 추가해보세요
  • profile ?
    해결되었습니다. 너무 감사드립니다!
  • ?
    <div class="footer_wrap" style="right: 0;">
    을 적용해보세요.
  • ? ?
    원컴이님이 여기도 계시군요.
    전에 부트스트랩 사서 잘 사용하고 있습니다.
  • ? ?
    윈컴이 (Wincomi) 입니다. 많이 부족할텐데 사용해주셔서 감사합니다 :)
  • ?

    여러분들의 도움으로 거의 해결되었는데요. 하단바가 너무 밑으로 내려가 있습니다.
    이건 어떻게 해결해야 할까요? 30px 정도 위로 당기고 싶은데 방법이 있을까요?
    http://avestaart.org/xe 싸이트 입니다.

  • ? profile
    .container의 padding-bottom: 140px;을 90px;으로 줄이면 되는군요.
  • profile ?
    됐습니다. 너무 감사드립니다!
    XE TOWN에는 정말 친절한 고수분들이 많으시군요!