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;
}